Jesus 'n Jim
A PC and somewhat Mac oriented site with Software and Repair Info and How-To's on Using Computers

css attributes

 

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;