css attributes
.common_css_attributes {
azimuth:behind;
azimuth:center;
azimuth:center-left;
azimuth:center-right;
azimuth:far-left;
azimuth:far-right;
azimuth:inherit;
azimuth:left;
azimuth:left-side;
azimuth:leftwards;
azimuth:right;
azimuth:right-side;
azimuth:rightwards;
background:inherit;
background:black;
background:url(images/Abstract026.jpg);
background:none;
background:bottom;
background:center;
background:left;
background:right;
background:top;
background:no-repeat;
background:repeat;
background:repeat-x;
background:repeat-y;
background:fixed;
background:scroll;
background:inherit;
background-attachment:fixed;
background-attachment:scroll;
background-attachment:inherit;
background-color:;
background-color:#ABCDEF;
background-color:black;
background-color:transparent;
background-image:none;
background-image:inherit;
background-image:url(i/Abstract007.jpg);
background-position:top;
background-position:center;
background-position:inherit;
background-position:left;
background-position:right;
background-position:top;
background-repeat:inherit;
background-repeat:no-repeat;
background-repeat:repeat;
background-repeat:repeat-x;
background-repeat:repeat-y;
border:inherit;
border:medium;
border:thin;
border:thick;
border:dashed;
border:dotted;
border:double;
border:groove;
border:hidden;
border:inset;
border:none;
border:outset;
border:ridge;
border:solid;
border:inherit;
border-bottom:inherit;
border-bottom:black;
border-bottom:medium;
border-bottom:thin;
border-bottom:thick;
border-bottom:dashed;
border-bottom:dotted;
border-bottom:double;
border-bottom:groove;
border-bottom:hidden;
border-bottom:inset;
border-bottom:none;
border-bottom:outset;
border-bottom:ridge;
border-bottom:solid;
border-bottom:inherit;
border-bottom-color:black;
border-bottom-color:black;
border-bottom-style:inherit;
border-bottom-style:dotted;
border-bottom-style:double;
border-bottom-style:groove;
border-bottom-style:hidden;
border-bottom-style:inset;
border-bottom-style:none;
border-bottom-style:outset;
border-bottom-style:ridge;
border-bottom-style:solid;
border-bottom-style:inherit;
border-bottom-width:thick;
border-bottom-width:thin;
border-bottom-width:thick;
border-collapse:collapse;
border-collapse:inherit;
border-collapse:separate;
border-color:;
border-color:#ABCDEF;
border-color:black;
border-left:inherit;
border-left:black;
border-left:medium;
border-left:thin;
border-left:thick;
border-left:dashed;
border-left:dotted;
border-left:double;
border-left:groove;
border-left:hidden;
border-left:inset;
border-left:none;
border-left:outset;
border-left:ridge;
border-left:solid;
border-left:inherit;
border-left-color:black;
border-left-color:black;
border-left-style:inherit;
border-left-style:dotted;
border-left-style:double;
border-left-style:groove;
border-left-style:hidden;
border-left-style:inset;
border-left-style:none;
border-left-style:outset;
border-left-style:ridge;
border-left-style:solid;
border-left-style:inherit;
border-left-width:thick;
border-left-width:thin;
border-left-width:thick;
border-right:inherit;
border-right:black;
border-right:medium;
border-right:thin;
border-right:thick;
border-right:dashed;
border-right:dotted;
border-right:double;
border-right:groove;
border-right:hidden;
border-right:inset;
border-right:none;
border-right:outset;
border-right:ridge;
border-right:solid;
border-right:inherit;
border-right-color:black;
border-right-color:black;
border-right-style:inherit;
border-right-style:dotted;
border-right-style:double;
border-right-style:groove;
border-right-style:hidden;
border-right-style:inset;
border-right-style:none;
border-right-style:outset;
border-right-style:ridge;
border-right-style:solid;
border-right-style:inherit;
border-right-width:thick;
border-right-width:thin;
border-right-width:thick;
border-spacing:inherit;
border-style:dashed;
border-style:dotted;
border-style:double;
border-style:groove;
border-style:hidden;
border-style:inherit;
border-style:inset;
border-style:none;
border-style:outset;
border-style:ridge;
border-style:solid;
border-top:inherit;
border-top:black;
border-top:medium;
border-top:thin;
border-top:thick;
border-top:dashed;
border-top:dotted;
border-top:double;
border-top:groove;
border-top:hidden;
border-top:inset;
border-top:none;
border-top:outset;
border-top:ridge;
border-top:solid;
border-top:inherit;
border-top-color:black;
border-top-color:black;
border-top-style:inherit;
border-top-style:dotted;
border-top-style:double;
border-top-style:groove;
border-top-style:hidden;
border-top-style:inset;
border-top-style:none;
border-top-style:outset;
border-top-style:ridge;
border-top-style:solid;
border-top-style:inherit;
border-top-width:thick;
border-top-width:thin;
border-top-width:thick;
border-width:medium;
border-width:thin;
border-width:thick;
caption-side:top;
caption-side:inherit;
caption-side:left;
caption-side:right;
caption-side:top;
clear:right;
clear:inherit;
clear:left;
clear:none;
clear:right;
clip:rect('top', 'right', 'bottom', 'left');
clip:inherit;
clip:rect('top', 'right', 'bottom', 'left');
color:;
color:black;
color:#ABCDEF;
content:attr(x);
content:open-quote;
content:close-quote;
content:inherit;
content:no-close-quote;
content:no-open-quote;
counter-increment:inherit;
counter-increment:none;
counter-reset:inherit;
counter-reset:none;
cue:url(images/Abstract007.jpg);
cue:inherit;
cue:none;
cue-after:url(images/Abstract011.jpg);
cue-after:inherit;
cue-after:none;
cue-before:url(images/Abstract011.jpg);
cue-before:inherit;
cue-before:none;
cursor:w-resize;
cursor:crosshair;
cursor:default;
cursor:e-resize;
cursor:help;
cursor:inherit;
cursor:move;
cursor:ne-resize;
cursor:n-resize;
cursor:nw-resize;
cursor:pointer;
cursor:se-resize;
cursor:s-resize;
cursor:sw-resize;
cursor:text;
cursor:wait;
cursor:w-resize;
direction:rtl;
direction:ltr;
direction:rtl;
display:block;
display:compact;
display:inherit;
display:inline;
display:inline-table;
display:list-item;
display:marker;
display:none;
display:run-in;
display:table;
display:table-caption;
display:table-cell;
display:table-column;
display:table-column-group;
display:table-footer-group;
display:table-header-group;
display:table-row;
display:table-row-group;
elevation:above;
elevation:below;
elevation:higher;
elevation:inherit;
elevation:level;
elevation:lower;
empty-cells:show;
empty-cells:inherit;
empty-cells:show;
float:inherit;
float:left;
float:none;
float:right;
font:Arial, Helvetica, sans-serif x-large bold;
font-family:Arial, Helvetica, sans-serif;
font-family:serif;
font-family:cursive;
font-family:sans-serif;
font-family:monospace;
font-family:fantasy;
font-size:xx-small;
font-size:10px;
font-size:12px;
font-size:14px;
font-size:16px;
font-size:18px;
font-size:24px;
font-size:36px;
font-size:inherit;
font-size:large;
font-size:larger;
font-size:medium;
font-size:small;
font-size:smaller;
font-size:x-large;
font-size:x-small;
font-size:xx-large;
font-size:xx-small;
font-size-adjust:inherit;
font-size-adjust:none;
font-stretch:wider;
font-stretch:expanded;
font-stretch:extra-condensed;
font-stretch:extra-expanded;
font-stretch:inherit;
font-stretch:narrower;
font-stretch:normal;
font-stretch:semi-condensed;
font-stretch:semi-expanded;
font-stretch:ultra-condensed;
font-stretch:ultra-expanded;
font-stretch:wider;
font-style:oblique;
font-style:italic;
font-style:normal;
font-style:oblique;
font-variant:small-caps;
font-variant:normal;
font-variant:small-caps;
font-weight:normal;
font-weight:200;
font-weight:300;
font-weight:400;
font-weight:500;
font-weight:600;
font-weight:700;
font-weight:800;
font-weight:900;
font-weight:bold;
font-weight:bolder;
font-weight:inherit;
font-weight:lighter;
font-weight:normal;
letter-spacing:inherit;
letter-spacing:normal;
width:auto;
width:inherit;
height:auto;
height:inherit;
line-height:inherit;
line-height:normal;
list-style:none;
list-style:inside;
list-style:outside;
list-style:armenian;
list-style:circle;
list-style:circle;
list-style:cjk-ideographic;
list-style:decimal;
list-style:decimal-leading-zero;
list-style:disc;
list-style:georgian;
list-style:hebrew;
list-style:hiragana;
list-style:hiragana-iroha;
list-style:katakana;
list-style:katakana-iroha;
list-style:lower-alpha;
list-style:lower-greek;
list-style:lower-latin;
list-style:lower-roman;
list-style:none;
list-style:square;
list-style:upper-alpha;
list-style:upper-latin;
list-style:upper-roman;
list-style:inherit;
list-style:none;
list-style-image:none;
list-style-image:inherit;
list-style-image:none;
list-style-position:outside;
list-style-position:inside;
list-style-position:outside;
list-style-type:upper-roman;
list-style-type:circle;
list-style-type:cjk-ideographic;
list-style-type:decimal;
list-style-type:decimal-leading-zero;
list-style-type:disc;
list-style-type:georgian;
list-style-type:hebrew;
list-style-type:hiragana;
list-style-type:hiragana-iroha;
list-style-type:inherit;
list-style-type:katakana;
list-style-type:katakana-iroha;
list-style-type:lower-alpha;
list-style-type:lower-greek;
list-style-type:lower-latin;
list-style-type:lower-roman;
list-style-type:none;
list-style-type:square;
list-style-type:upper-alpha;
list-style-type:upper-latin;
list-style-type:upper-roman;
margin:inherit;
margin:inherit;
margin-bottom:inherit;
margin-bottom:inherit;
margin-left:inherit;
margin-left:inherit;
margin-right:inherit;
margin-right:inherit;
margin-top:inherit;
margin-top:inherit;
marker-offset:inherit;
marks:crop;
marks:cross;
marks:inherit;
marks:none;
max-height:none;
max-height:none;
max-width:none;
max-width:none;
min-height:inherit;
min-width:inherit;
orphans:inherit;
outline:inherit;
outline:black;
outline:dashed;
outline:dotted;
outline:double;
outline:groove;
outline:hidden;
outline:inset;
outline:none;
outline:outset;
outline:ridge;
outline:solid;
outline:medium;
outline:thin;
outline:thick;
outline:inherit;
outline-color:#F4D913;
outline-color:#F4D913; /*gold */
outline-style:inherit;
outline-style:dotted;
outline-style:double;
outline-style:groove;
outline-style:hidden;
outline-style:inset;
outline-style:none;
outline-style:outset;
outline-style:ridge;
outline-style:solid;
outline-style:inherit;
outline-width:inherit;
outline-width:thin;
outline-width:thick;
outline-width:inherit;
overflow:visible;
overflow:hidden;
overflow:inherit;
overflow:scroll;
overflow:visible;
padding:inherit;
padding-bottom:inherit;
padding-left:inherit;
padding-right:inherit;
padding-top:inherit;
page:auto;
page:'identifier';
page-break-after:right;
page-break-after:auto;
page-break-after:avoid;
page-break-after:inherit;
page-break-after:left;
page-break-after:right;
page-break-before:right;
page-break-before:auto;
page-break-before:avoid;
page-break-before:inherit;
page-break-before:left;
page-break-before:right;
page-break-inside:auto;
page-break-inside:avoid;
page-break-inside:inherit;
position:static;
position:fixed;
position:inherit;
position:relative;
position:static;
quotes:inherit;
quotes:none;
richness:inherit;
bottom:auto;
bottom:inherit;
left:auto;
left:inherit;
right:auto;
right:inherit;
top:auto;
top:inherit;
size:auto;
size:inherit;
size:landscape;
size:portrait;
table-layout:auto;
table-layout:fixed;
table-layout:inherit;
text-align:center;
text-align:inherit;
text-align:justify;
text-align:left;
text-align:right;
text-decoration:blink;
text-decoration:inherit;
text-decoration:line-through;
text-decoration:none;
text-decoration:overline;
text-decoration:underline;
text-indent:inherit;
text-shadow:#000000;
text-shadow:black;
text-shadow:inherit;
text-shadow:none;
text-transform:capitalize;
text-transform:inherit;
text-transform:lowercase;
text-transform:none;
text-transform:uppercase;
unicode-bidi:bidi-override;
unicode-bidi:embed;
unicode-bidi:inherit;
unicode-bidi:normal;
vertical-align:baseline;
vertical-align:bottom;
vertical-align:inherit;
vertical-align:middle;
vertical-align:sub;
vertical-align:super;
vertical-align:text-bottom;
vertical-align:text-top;
vertical-align:top;
visibility:collapse;
visibility:hidden;
visibility:inherit;
visibility:visible;
white-space:inherit;
white-space:normal;
white-space:nowrap;
white-space:pre;
widows:inherit;
word-spacing:inherit;
word-spacing:normal;
z-index:auto;
z-index:inherit;
}
.sound_speech_maybe {
pause:inherit;
pause-after:inherit;
pause-before:inherit;
pitch:high;
pitch:inherit;
pitch:low;
pitch:medium;
pitch:x-high;
pitch:x-low;
pitch-range:inherit;
play-during:auto;
play-during:inherit;
play-during:mix;
play-during:none;
play-during:repeat;
speak:inherit;
speak:none;
speak:normal;
speak:spell-out;
speak-header:always;
speak-header:inherit;
speak-header:once;
speak-numeral:continuous;
speak-numeral:digits;
speak-numeral:inherit;
speak-punctuation:code;
speak-punctuation:inherit;
speak-punctuation:none;
speech-rate:fast;
speech-rate:faster;
speech-rate:inherit;
speech-rate:medium;
speech-rate:slow;
speech-rate:slower;
speech-rate:x-fast;
speech-rate:x-slow;
stress:inherit;
voice-family:inherit;
volume:inherit;
volume:loud;
volume:medium;
volume:silent;
volume:soft;
volume:x-loud;
volume:x-soft;
}
a:visited{};
a:link{};
a:active{}; /*buggy (not supported) in IE5, not in opera3.6*/
a:hover{}; /*buggy (not supported) in IE5, not in opera3.6*/
a:focus{}; /*not in IE5*/
a:hover:link{}; /*example of multiples*/
:first-line{}; /*not in ie5 */
:first-letter{}; /*not in ie5 */
:first-child{}; /*not in ie5 */
:lang(x){}; /*not in ie5 */
/*
@import url("import1.css");
@import url "import2.css";
@media print {
p { font-size : 12pt; }
}
@media screen {
p { font-size : 100%; }
}
HTML/CSS color formats:
rgb % format: rgb(100%,0%,100%)
rgb decimal format: rgb(255,16,39)
css named colors: red
non-css named colors: aliceblue not in opera 3.6
UI colors: appworkspace not in opera 3.6
background colors: transparent
background images: url(images/zippy.jpg)
background images: url(file://c|/jim/www/images/zippy.jpg) local file on hard drive
background images: url(http://nowhere.com/jim/www/images/zippy.jpg) remote image (bad practice!)
background images: none
*/
attributes I commonly use
white-space:nowrap; (specifies that any kind of space or newline or line break doesn't cause a line break)
text-shadow:black;
list-style-type:
list-style-image:url(images/somepicture.jpg)
list-style-position:none;
width:
height:
font-weight:bold;
font-weight:lighter;
font-weight:bolder;
font-variant:small-caps;
font-style:italic;
font-family:Arial, Helvetica, sans-serif;
font-family:serif;
font-family:cursive;
font-family:sans-serif;
font-family:monospace;
font-family:fantasy;
float:left; (object goes to left side of screen, everything flows around it)
float:none;
float:right; (object goes to right side of screen, everything flows around it)
a float can be cleared with a <br clear="all">
cursor:pointer; (actually it's a hand with finger pointing like you are clicking)
color:; (default color)
color:black;
color:#ABCDEF;
this apecifies the text or object color.
border-width:medium;
border-width:thin;
border-width:thick;
border-style:dashed;
border-style:dotted;
border-style:double;
border-style:groove;
border-style:hidden;
border-style:inherit;
border-style:inset;
border-style:none;
border-style:outset;
border-style:ridge;
border-style:solid;
border-color:; (default color)
border-color:#ABCDEF;
border-color:black;
background-attachment:fixed;
background-attachment:scroll;
background-attachment:inherit;
background-color:; (default color)
background-color:#ABCDEF;
background-color:black;
background-color:transparent;
background-image:none;
background-image:inherit;
background-image:url(i/Abstract007.jpg);
background-position:top;
background-position:center;
background-position:inherit;
background-position:left;
background-position:right;
background-position:top;
background-repeat:inherit;
background-repeat:no-repeat;
background-repeat:repeat;
background-repeat:repeat-x;
background-repeat:repeat-y;
|