|
Individual Properties |
|
Style rules |
Comments |
|
p |
{font-family: Helvetica, Geneva; |
Of those listed, the first available font will be applied. |
|
|
font-style: italic; |
Text will be rendered as italic. |
|
|
font-weight: bold; |
Text will be rendered as bold. |
|
|
font-size: 10pt; |
Text will be rendered as 10-point type. |
|
|
color: #00FFFF; |
Text will be rendered to the hex color value #00FFFF. |
|
|
background-color: blue; |
The element's background color will be rendered as blue. |
|
|
background-image: url(images/foo.gif)} |
The element will have the background image(s) specified. |
|
|
.foo |
{text-decoration: underlined} |
Text in the class "foo" will be underlined. |
|
|
{text-transform: lowercase} |
Text in the class "foo" will be rendered as lowercase. |
|
|
#foo |
{text-align: center} |
Text with the ID "foo" will be center-aligned. |
|
|
{text-indent: 1em} |
Text with the ID "foo" will be indented 1 em. |
|
|
p |
{margin-top: 12px; |
The element's top margin will be 12 pixels. |
|
|
margin-bottom: 18px; |
The element's bottom margin will be 18 pixels. |
|
|
padding-right: 8pt; |
The element's right padding will be 8 points. |
|
|
padding-left: 4pt} |
The element's left padding will be 4 points. |
|
|
body |
{border-color: red; |
Borders will be red. |
|
|
border-style: solid} |
Borders will be solid. |
|
Block-level and replaced elements |
|
img |
{width: 20px; |
The element's width will be 20 pixels. |
|
|
height: 40px; |
The element's height will be 40 pixels. |
|
|
float: left} |
Text will flow to the left of the element. |
|
|
p |
{clear: left} |
Moves the element below a floating element placed on the left. |
|
Shorthand Properties |
|
Style rules |
Comments |
|
p |
{font: 10pt bold non-serif} |
Text will be rendered as 10-point bold non-serif type. |
|
|
{background: black} |
The element's background color will be black. |
|
|
{margin: 25px} |
All of the element's margins will be 25 pixels. |
|
|
{margin: 20px 10px 20px 10px} |
Top and bottom margins will be 20 pixels; left and right margins will be 10 pixels. |
|
|
body |
{padding: 2px} |
Padding will be 2 pixels on each side. |
|
|
{padding: 8px 4px 8px 4px} |
Top and bottom padding will be 8 pixels; left and right padding will be 4 pixels. |
|
|
{border: 2px solid red} |
There will be a red, solid border on all sides of the element. |
|
Position (CSS - P) |
|
Style rules |
Comments |
|
#foo |
{position: absolute; top: 15pt; left: 15pt} |
The element's absolute position will be set 15 points from the top and 15 points from the left. |
|
|
{visibility: hidden} |
The element's contents will be hidden. |
|
|
.foo |
{z-index: 2} |
The element's z-index will be two. |
|
|
p |
{overflow: visible} |
The element's contents will be rendered (visible) even if they exceed its height or width. |
|
|
{overflow: hidden} |
The element's contents will be clipped to its height and width, and no scrolling mechanism will be provided. |
