background-color: coordonnées RGB #66CCFF Internet Explorer 4+ Netscape 4.x Opera 5 Netscape 6
couleurs prédéfinies black   blue    fuchsia   gray   green   lime   maroon   navy   olive   purple  red   silver  teal   white  yellow Internet Explorer 4+ Netscape 4.x Opera 5 Netscape 6
background-image: url("path/image.gif")   exemples Internet Explorer 4+ Netscape 4.x Opera 5 Netscape 6
background-repeat repeat | no-repeat | repeat-x | repeat-y Internet Explorer 4+ Netscape 4.x Opera 5 Netscape 6
background-attachment scroll ou fixed   exemple Internet Explorer 4+   Opera 5 Netscape 6
font-family: indiquer un choix d'au moins 3 valeurs Arial, Albertus, Courrier Internet Explorer 4+ Netscape 4.x Opera 5 Netscape 6
color:  coordonnées RGB #0000FF Internet Explorer 4+ Netscape 4.x Opera 5 Netscape 6
  couleurs prédéfinies: black blue fuchsia gray green   lime  maroon   navy   olive   purple   red  silver  teal   white  yellow Internet Explorer 4+ Netscape 4.x Opera 5 Netscape 6
font-size:  absolu : normal | small | large
relatif : smaller | larger
normal, large, x-large, xx-large

normal, small, x-small, xx-small

Internet Explorer 4+ Netscape 4.x Opera 5 Netscape 6
absolu : 12pt; 14pt; etc
relatif : 100%, 120%, etc
12pt, 18pt 
100%, 120%
Internet Explorer 4+ Netscape 4.x Opera 5 Netscape 6
font-style:  normal | italic normal , italic Internet Explorer 4+ Netscape 4.x Opera 5 Netscape 6
font-variant: normal | small-caps normal small-caps Internet Explorer 4+   Opera 5 Netscape 6
font-weight: normal | bold | bolder
de 100 à 900
normal, bold
100, 900
Internet Explorer 4+ Netscape 4.x Opera 5 Netscape 6
font caption, icon , menu, message-box , small-caption, status-bar Internet Explorer 4+     Netscape 6
text-align: leftc right | align | justify

text-align:center

Internet Explorer 4+ Netscape 4.x Opera 5 Netscape 6
text-indent: longueur (en cm ou en px) | pourcentage
positif ou négatif (signe -)

Ce paragraphe doit subir une indentation de 10 % à gauche sur sa première ligne mais aucune indentation sur les lignes suivantes.

Internet Explorer 4+ Netscape 4.x Opera 5 Netscape 6
text-decoration: none | underline | overline | line-through | blink none, underlineline-through, Internet Explorer 4+ Netscape 4.x Opera 5 Netscape 6
overline Internet Explorer 4+   Opera 5 Netscape 6
blink   Netscape 4.x Opera 5 Netscape 6
text-transform none | capitalize | uppercase | lowercase none, capitalize, uppercase, lowercase, Internet Explorer 4+ Netscape 4.x Opera 5 Netscape 6
background valeurs de background-color ou background-image transparent,  color (olive) Internet Explorer 4+ Netscape 4.x Opera 5 Netscape 6
image Internet Explorer 4+ Netscape 4.x   Netscape 6
word-spacing: normal | longueur (em) les mots sont espacés (1em)
les mots sont rapprochés (-0.5em)
    Opera 5 Netscape 6
letter-spacing: normal | longueur (em) les lettres sont espacés (0.5em)
les lettres sont rapprochées (-0.1em)
Internet Explorer 4+   Opera 5 Netscape 6
vertical-align: baseline | sub | super | top | text-top | middle | bottom | text-bottom | pourcentage

alignement baseline | alignement sub | alignement super

Internet Explorer 4+   Opera 5 Netscape 6
alignement top | alignement text-top | alignement middle | alignement bottom | alignement text-bottom | alignement 5%     Opera 5 Netscape 6
line-height: normal | longueur | pourcentage | nombre 

Cette interligne est de 5ex

Internet Explorer 4+ Netscape 4.x Opera 5 Netscape 6

Cette interligne est de 25%

Cette interligne est de 5

list-style-type: UL
disc | circle | square | none
  • disc
  • circle
  • square
  • none
Internet Explorer 4+ Netscape 4.x Opera 5 Netscape 6
OL
decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none
  1. decimal
  2. lower-roman
  3. upper-roman
  4. lower-alpha
  5. upper-alpha
Internet Explorer 4+ Netscape 4.x Opera 5 Netscape 6
list-style-image none | url("path/image.gif")
  • list-style-image:url(images/puce.gif)
Internet Explorer 4+   Opera 5 Netscape 6
list-style-position:  inside | outside
  • list-style-position: 
    inside
  • list-style-position: 
    outside
Internet Explorer 4+   Opera 5 Netscape 6
list-style: Valeurs de list-style-type, list-style-position, url("path/image.gif")
margin: une longueur ou un poucentage ou  auto

margin-top: 5%

Internet Explorer 4+ Netscape 4.x Opera 5 Netscape 6

margin-right:5%

margin-bottom:3em

margin-left:3em

margin: 1em 2em 3em 4em
*top margin 1em
*right margin 2em
*bottom margin 3em
*left margin 4em

padding une longueur ou un poucentage ou  auto

padding: 1em 2em 3em 4em

Internet Explorer 4+ Netscape 4.x Opera 5 Netscape 6

padding-top: 5%;

padding-right: 5%;

padding-bottom: 2em;

padding-left: 2em;

border-width: thin | medium | thick | longueur

border-width: thin pour ce paragraphe 

border-width: medium pour ce paragraphe 

border-width: thick pour ce paragraphe 

  Netscape 4.x    
border-style: none | dotted | dashed | solid | double | groove | ridge | inset | outset 

border-style: dotted pour ce paragraphe 

border-style: dashed pour ce paragraphe 

border-style: solid pour ce paragraphe 

border-style: double pour ce paragraphe 

border-style: groove pour ce paragraphe 

border-style: ridge pour ce paragraphe 

border-style: inset pour ce paragraphe 

border-style: outset pour ce paragraphe 

Internet Explorer 4+   Opera 5 Netscape 6
border-color:  

border-style: outset; border-width: medium; border-color: yellow; pour ce paragraphe 

Internet Explorer 4+ Netscape 4.x Opera 5 Netscape 6
border:  

border-left: double pour ce paragraphe 

border-right: double medium blue pour ce paragraphe

border-top: double medium green pour ce paragraphe 

border-bottom: solid thick red pour ce paragraphe 

Internet Explorer 4+   Opera 5 Netscape 6
   

toutes les propriétés précédentes avec margin pour ce paragraphe 

Internet Explorer 4+ Internet Explorer 4+ Internet Explorer 4+ Internet Explorer 4+