Style Definitions (...attributes)

 More about Cascading Style Sheets,   other css sites: W3C ,   Eric Meyer ,   Builder ,   w3schools ,   Tutorial ,   10 tricks ,
University of Html ,   css Zen Garden ,  

Declaration ExplanationBrowser N=Netscape7+, I=InternetExplorer6+, F=Foxfire1+, O=Opera7+
PropertyValue Example
anchor:active
a:active
a.classname:active		  When link is clicked, can change color or size...N, I must be defined in the correct order:
link, visited, hover, active
anchor:hover
a:hover
a.classname:hover		  Works like a mouseover, can change colors or size...I must be defined in the correct order:
link, visited, hover, active
anchor:link
a:link
a.classname:link		  All links on page will appear as directed, by color, size, underlined or not... N, I must be defined in the correct order:
link, visited, hover, active
anchor:visited
a:visited
a.classname:visited		  Links that have already been visited by user.N, I must be defined in the correct order:
link, visited, hover, active
background  Combination of background attachment, color, image, position and repeat properties.N, I  
background-attachmentscroll || fixed Determines if background image(s) is fixed in place as text/page content scrolls over it, or will scroll as the text/page content scrolls.I  
background-colorcolor || transparent Background color of element, body, table, tr, td...N, I  
background-imageurl || none Background image of an elementN, I {background-image: url(background.gif);}
background-positionpercent || length || top || center || bottom || left || right Sets initial position of background image.I  
background-repeatrepeat || repeat-x || repeat-y || no-repeat How a background image is tiledN, I  
bordersolid || ridge || double || inset || outset || dotted || dashed || groove Sets all four borders of an element. (Can be a combination of border-width or border-style)N, I {border: 5px;} all sides
{border: 2px 5px 10px 15px;}
      top right bottom left
{border: 2px 10px;}
      top&bottom left&right
{border: 2px 5px 10px;}
      top right&left bottom
border-bottom  Sets bottom border of element. Can be combination of width and style.I  
border-bottom-widthlength || thin || medium || thick Sets weight of an element's bottom border.N, I  
border-colorcolor Sets color of all four borders of an element.N  
border-left  Sets left border of element. Can be combination of width and style.I  
border-left-widthlength || thin || medium || thick Sets weight of an element's left border.N, I  
border-right  Sets right border of element. Can be combination of width and style.I  
border-right-widthlength || thin || medium || thick Sets weight of an element's right border.N, I  
border-styledashed || dotted || double || groove || inset || none || outset || ridge || solid Sets all four borders of element.N, I  
border-top  Sets top border of element. Can be combination of width and style.I  
border-top-widthlength || thin || medium || thick Sets weight of an element's top border.N, I  
border-widthlength || thin || medium || thick Sets weight an element's four borders.N, I  
clearboth || left || none || right Sets which margins of an element must not be adjacent to a floating element.N, I  
color(foreground, text?) color Sets color of an element.N, I  
cursordefault || auto || crosshair || move || pointer || wait || help || x-resize Sets the cursor type.N, I ??  
displayblock || inline || list-item || none Controls how an element is displayed.N  
filterflipv || fliph flip vertical, flip horizontalI fliph will appear this way...
flipv will appear this way...
floatleft || none || right Determines if element will float to left or right.N, I  
font  Sets all font properties for an element (combination of family, size, style, variant, weight).N, I  
font-familylist of font names Name of fonts (Arial, Helvetica, sans-serif...)N, I  
font-sizexx-small || x-small || small || medium || larger || x-large || xx-large || larger || smaller || length || percent Font size.N, I xx-small ≈ 1
  x-small ≈ 2
     small ≈ 3
medium ≈ 4
    larger ≈ 5
  x-large ≈ 6
xx-large ≈ 7
font-stylenormal || italic || oblique Style of font face.N, I  
font-variantnormal || small-caps Makes a font in small caps.I  
font-weightnormal || bold || bolder || lighter || number(100-900, in multiples of 100) Defines font weight. 400 is normal, 700 is bold. N, I  
heightlength || auto Height of an element.N  
left  Controls the left 'position' of element on screen. Default is {left: 0px;}, browser defaults vary in appearance.N, I absolute/fixed {left: 40px;}
relative {left: 15em;}
letter-spacinglength || normal Puts additional space between characters.I  
line-heightlength || number || percentage || normal Sets distance between text baselines.N, I  
list-style  sets overall style of a list element. (Combination of image, position and type)N, I  
list-style-imageurl || none Uses image as a list marker.I  
list-style-positioninside || outside Indents or outdents list item's marker compared to the item's content.N, I  
list-style-typecircle || disc || square || decimal || lower-alpha || lower-roman || none || upper-alpha || upper-roman Defines a list item's marker style.N, I  
marginlength || percent || auto Defines all four sides of margin of element. (default=0) Always from edge of page.N, I {margin: 5px;} all sides
{margin: 2px 5px 10px 15px;}
      top right bottom left
{margin: 2px 5px 10px;}
      top right&left bottom
margin-bottomlength || percent || auto Defines bottom of margin of element. (default=0) Always from edge of page.N, I  
margin-leftlength || percent || auto Defines left of margin of element. (default=0) Always from edge of page.N, I  
margin-rightlength || percent || auto Defines right of margin of element. (default=0) Always from edge of page.N, I  
margin-toplength || percent || auto Defines top of margin of element. (default=0) Always from edge of page.N, I  
min-width  specifys minimum width of elementN {min-width: 600px;}
max-width  specifys maximum width of elementN {max-width: 600px;}
overflowscroll || hidden || visible || auto || inherit Controls how content is display if content "overflows" the element's size. (creates scrollbar)N6+, I  
padding  Defines all padding values of an element.I {padding: 5px;} all sides
{padding: 2px 5px 10px 15px;}
      top right bottom left
{padding: 2px 5px 10px;}
      top right&left bottom
padding-bottomlength || percent Defines bottom padding of an element. (default=0)N, I  
padding-leftlength || percent Defines left padding of an element. (default=0)N, I  
padding-rightlength || percent Defines right padding of an element. (default=0)N, I  
padding-toplength || percent Defines top padding of an element. (default=0)N, I  
positionabsolute || relative || fixed Controls the 'position' of element on screen. Coordinates of topmost, leftmost edge of element. Default is {top: 0px; left: 0px;}, browser defaults vary in appearance.N, I {position: absolute; top: 20px; left: 40px;}
{position: relative; top: 10em; left: 15em;}
{position: fixed; top: 0px; left: 0px;}
text-aligncenter || justify || left || right Sets alignment of text.N, I  
text-decorationblink || line-through || none || overline || underline Defines decoration for text - combinations allowed.N, I  
text-indentlength || percent Indentation for an element. (default=0)N, I  
text-transformcapitalize || none || lowercase || uppercase Transform text.N, I  
top  Controls the top 'position' of element on screen. Default is {top: 0px;}, browser defaults vary in appearance.N, I absolute/fixed {top: 20px;}
relative {top: 10em;}
vertical-alignpercent || baseline || bottom || middle || sub || super || text-bottom || text-top || top Sets vertical position of element.N, I  
word-spacinglength || normal Insert extra spaces between words.N, I  
white-spacenormal || nowrap || pre Defines how white space is handled within an element.N  
widthlength || percent || auto Determines width of an element.N, I  
writing-modelr-tb || rl-tb || tb-rl
lr || rl || tb 		left-right&top-bottom (normal "alphabetic" text)
right-left&top-bottom (Arabic and Hebrew text.)
top-bottom&right-left (Chinese and Japanese text)
lr=lr-tb, rl=rl-tb, tb=tb-rl		I writing-mode: tb-rl;

writing-mode + filtertb-rl,
flipv, fliph		 I
writing-mode: tb-rl;
filter: flipv fliph;
More about:   css ,   more ,   styles ,   W3C ,   Builder ,   w3schools ,   Tutorial ,   University of Html ,   css Zen Garden ,