<!-- SophiaKnows -->
<  SK MAIN  |  CODEBASE  |  REFERENCE  >

CSS 1 PROPERTIES

This page lists all style properties included in the CSS 1.0 specification. Selecting on the property names in the leftmost column will load a brief description, example and list of widely supported child attributes and accepted values for each of the listed properties

Font Properties: Font Properties set the basic attributes (font, size etc.) of displayed text, and include some -- but not all -- elements common to the inline font tag

Font Familyfont-family: <font-family> | <generic-family>;
Font Stylefont-style: none | italic;
Font Variantfont-variant: none | smallcaps;
Font Weightfont-weight: medium | bold;
Font Sizefont-size: <em> | <pixels> | <point> | <size>;


Color and Background Properties: Color Properties set the color of foreground elements (typically text) displayed in the page. Background Properties set the color, background image and/or behaviors of background elements (body, table, etc.) displayed in the page.

Colorcolor: <color>;
Background Colorbackground-color: <color>;
Background Imagebackground-image: <url>;
Background Repeatbackground-repeat: repeat | repeat n | no-repeat;
Background Attachmentbackground-attachment: scroll | fixed
Background Positionbackground-position: <percentage> | <length>


Text Properties: Text Properties determine the layout (spacing, alignment, etc.) of text elements diplayed in the page.

Word Spacingword-spacing: none | <absolute length>
Letter Spacingletter-spacing: none | <length>
Text Decorationtext-decoration: none | underline | overline | line-through
Vertical Alignmentvertical-align: baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage>
Text Transformationtext-transformation: none | capitalize | uppercase | lowercase
Text Alignmenttext-alignment: left | right | center | justify
Text Indentationtext-indentation: <length> | <percentage>
Line Heightline-height: normal | <number> | <length> | <percentage>


Box Properties: Box Properties determine the layout (height, width, spacing, etc.) of structural elements (pargraphs, tables, spans, etc.) displayed in the page.

Top Margintop-margin: <length> | <percentage> | auto
Right Marginright-margin: <length> | <percentage> | auto
Bottom Marginbottom-margin: <length> | <percentage> | auto
Left Marginleft-margin: <length> | <percentage> | auto
Marginmargin: <length> | <percentage> | auto
Top Paddingtop-padding: <length> | <percentage>
Right Paddingright-padding: <length> | <percentage>
Bottom Paddingbottom-padding: <length> | <percentage>
Left Paddingleft-padding: <length> | <percentage>
Paddingpadding: <length> | <percentage>
Top Border Widthtop-border-width: <length> | <percentage>
Right Border Widthright-border-width: thin | medium | thick | <length>
Bottom Border Widthbottom-border-width: thin | medium | thick | <length>
Left Border Widthleft border width: thin | medium | thick | <length>
Border Widthborder-width: thin | medium | thick | <length>
Border Colorborder-color: <color>
Border Styleborder-style: none | dotted | dashed | solid | double | groove | ridge | inset | outset
Top Bordertop-border: <border-top-width> || <border-style> || <color>
Right Borderright-border: <border-top-width> || <border-style> || <color>
Bottom Borderbottom-border: <border-top-width> || <border-style> || <color>
Left Borderleft-border: <border-top-width> || <border-style> || <color>
Borderborder: <border-top-width> || <border-style> || <color>
Widthwidth: <length> | <percentage> | auto
Heightheight: <length> | <percentage> | auto
Floatfloat: none | right | left
Clearclear: none | left | right | both

 

< CODEBASE | TOP | MAINPAGE >

Text & Design By Tony Pisarra
© SophiaKnows 2003