Back| Commonly used CSS terms |
Commonly used CSS terms, a complete listing can be found on the W3C site (see link on Style Sheet page).
| Property |
Example Values |
Description |
| border: |
black solid; or gray 2pt outset; |
Attributes of border. Modifiers like outset (button), inset (shadow), ridge (raised), and double (double line) can be used to define the border. |
| border-width: |
0 medium medium 0; | Thickness of border. Can also use points (pt) or pixels (px). First number is top, second number is right side, third number is bottom, forth number is left side |
| border-style: |
solid; dashed; groove; double; etc. |
Line style |
| color: |
black; or red ... |
Identify color of text |
| display: |
block; |
Text displays aligned |
| display: |
none; |
Turns off attribute. Attribute will not display. |
| font-family: |
arial; helvetica; etc. | Font name |
| font-size: |
100%; or 12pt; |
Size of font |
| font-style: | italic; | Font style |
| font-weight: |
bold; |
Weight of font |
| list-style-type: | none; |
Turns off numberings, or defines numbering |
| list-style-image: | url("location for image") |
Turns off image, or defines image |
| margin-left: | 10pt; 8px; |
Margin to the left of the element |
| margin-top: | 10pt; 8px; |
Margin to the top of the element |
| margin-bottom: | 10pt; 8px; |
Margin to the button of the element |
| margin-right: |
10pt; 8px; |
Margin to the right of the element |
| margin: |
20pt 0 20pt 0; |
Can also be used to set margins around the element. First number is top, second number is right side, third number is bottom, forth number is left side |
| text-align: |
left; or right; ... |
Align text |
| text-decoration: |
none; |
Turn off features like underlining |
| vertical-align: |
top; or middle; etc. |
To align text |
| width: |
90%; |
Width of element on page |