| Propriétés | Exemples (code à copier-coller) | Description |
|---|---|---|
| Couleur de texte : color | h1 {color: #FF0000} | h1 en rouge |
| Polices de caractères : font-family | p {font-family: serif, sans-serif, cursive, fantasy, monospace} | Paragraphe en police serif |
| Taille du texte : font-size | p {font-size: 14pt} | Paragraphe en 14pt |
| Style de la police : font-style | p {font-style: italic} | Texte en Italique |
| Epaisseur des lettres : font-weight | p {font-weight: bold} autres régleages : bolder, lighter | Paragraphe en gras |
| Espace entre les lettres : letter-spacing | p {letter-spacing: 2em} | Espace entre les lettres du paragraphe doublé |
| Interligne : line-height | p {line-height: 2} | Interligne de 2 pour le paragraphe |
| Alignement : text-align | h1 {text-align: center} autres alignements : right, justify, left | h1 centré |
| Propriétés | Exemples | Description |
|---|---|---|
| Couleur d'arrière plan : background-color | p {background-color: #FF0000} | Arrière plan de paragraphe en rouge |
| Image en arrière plan : background-image | p {background-image: url(image.jpg)} body {background-image: url(image.jpg)} | image.jpg en arrière plan du paragraphe image.jpg en arrière plan de toute la page web |
| Propriétés | Exemples | Description |
|---|---|---|
| Style des bordures : border-style | table {border-style: solid} autres régleages : dashed, dotted, double, groove, hidden, inset, none, outset, ridge | Les bordures de tableaux seront en traits pleins |
| Epaisseur des bordures : border-width | th {border-width: 3px} | L'épaisseur des bordures des cellules d'en tête seront de 3px |
| Couleur des bordures : border-color | td {border-color: #FF0000} | Les bordures des cellules seront rouges |
| Propriétés | Exemples | Description |
|---|---|---|
| Lien non visité en bleu clair. | a:link {color: blue;} | lien |
| Pas de soulignement du lien | a{text-decoration: none;} | lien |
| Lien visité en rouge | a:visited {color: red;} | lien |
| Lien activé cou|eur d'arrière-plan jaune | a:active {background-color: yellow;} | Lien |
| Liens orange au survol de la souris | a:hover {color: orange;} | lien |