Cascading Style Sheets
AttributesGoWhat it
Styles
Backgrounds
- background: ----color, image,
transparency, position, tiling
- background-attachment:
----scrolling or watermark...
scroll/fixed
- background-color: ----color
or transparency
- background-image:
----image... url source
- background-position:
----placement of image
- background-repeat:
----tiling
Borders
- border: ----color, style,
width of the four borders
- border-bottom: ----color,
style, width of the bottom border
- border-bottom-color:
----color of the bottom border
- border-bottom-style:
----style of the bottom border
- border-bottom-width:
----width of the bottom border
- border-color: ----color of
the four borders
- border-left: ----color,
style, width of the left border
- border-left-color: ----color
of the left border
- border-left-style: ----style
of the left border
- border-left-width: ----width
of the left border
- border-right: ----color,
style, width of the right border
- border-right-color: ----color
of the right border
- border-right-style: ----style
of the right border
- border-right-width: ----width
of the right border
- border-style: ----style of
the four borders
- border-top: ----color, style,
width of the top border
- border-top-color: ----color
of the top border
- border-top-style: ----style
of the top border
- border-top-width: ----width
of the top border
- border-width: ----width of
the four borders
More
- clear: ----floating elements
to the right and left of elements
- clip: ----visible portion of
the element
- color: ----color of the
foreground... text color
- cursor: ----type of mouse
pointer
- display: ----element rendered
with reserved space
- filter: ----type of filter
applied to an element
- float: ----makes element
float or not float
Fonts
- font: ----style, varient,
weight, size, line height, typeface... of font
- @font-face: ----font to embed
into html file
- font-family: ----typeface of
font
- font-size: ----size of
font
- font-style:
----italics
- font-varient: ----small
caps
- font-weight: ----light to
bold
More
- height: ----height of
elements display
- @import: ----the style sheet
to import
- left: ----elements relative
position to left edge of page
- letter-spacing: ----distance
between letters
- line-height: ----distance
between baselines
List
- list-style: ----type, image,
position of list style
- list-style-image: ----item
marker of list
- list-style-position: ----item
marker position of list
- list-style-type:
----alternative list item marker
Margin
- margin: ----size of four
margins
- margin-bottom: ----size of
bottom margin
- margin-left: ----size of left
margin
- margin-right: ----size of
right margin
- margin-top: ----size of top
margin
More
- overflow: ----display of
graphics that are larger than their frames
Padding
- padding: ----space around all
sides of an element
- padding-bottom: ----space at
the bottom of an element
- padding-left: ----space at
the left of an element
- padding-right: ----space at
the right of an element
- padding-top: ----space at the
bottom of an element
More
- page-break-after:
----position a page break after an
element
- page-break-before:
----position a page break before an
element
- position: ----how an element
is placed on a page
Text
- text-align: ----left, center,
right, justified
- text-decoration:
----underline, overline, line-through
- text-indent: ----indentation
of the first line of a paragraph
- text-transform:
----uppercase, lowercase, initial cap
transformation
The Rest
- top: ----element position
relative to the top of the page
- vertical-alignment:
----vertical alignment of element
- visibility: ----Whether
element is visible or invisible
- width: ----element
width
- z-index: ----stacking
position of the element
Author: Joseph Raymond
go to: CSS Index Page