Home   CSS   Font-Properties   Test-Properties   Box-Properties   Background-Color   List-Style


Anchor Pseudo-class:

link | active | visited | hover
  A { text-decoration: none }
  A:LINK { color: red; background-color: white; }
  A:VISITED { color: #fc5604; background-color: #ffd2a6; }
  A:HOVER { color: #FF00FF; background-color: white;}
  A:ACTIVE { color: green; background-color: yellow; }

First Line Pseudo-element:

  
 

p:first-letter { font-variant: small-caps; color: red;}
Second Line.
Third Line.

 

First Letter Pseudo-element:

  
 
div.first:first-letter { text-transform: uppercase; color: red; font-size: 200%;}
 

Display:

none | block | inline | list-item
  1. Test Text

<p style="dislpay: block">

  2. Test Text

<p style="dislpay: inline">

  3. Test Text

<p style="dislpay: list-itemx">

  4. Test Text (none)

<p style="dislpay: none"

Whitespace:

normal | pre | nowrap
 
style="white-space : normal"
 
style="white-space : pre"
 
style="white-space : nowrap"

Percentage Units:

A percentage value is formed by an optional + or -, followed by a number, followed by %. There are no spaces in a percentage value.
Percentage values are relative to other values, as defined for each property.

Color Units:

 
 
 aqua
 
 black
 
 blue
 
 fuchsia
 
 gray
 
 green
 
 lime
 
 maroon
 
 navy
 
 olive
 
 purple
 
 red
 
 silver
 
 teal
 
 white
 
 yellow

  #rrggbb (#00FF00)
#rgb (#F0F)
rgb (255,255,0)
rgb (0%,100%,0%)

Length Units:

 
  em - ems, the height of the element's fonts
ex - x-height, the height of the letter 'x'
px - pixels, relative to the canvas resolution
in - inches; lin=2.54cm
cm - centimeters; 1cm = 10mm
mm - millimeters
pt - points; 1pt = 1/72in
pc - picas; 1pc = 12pt