|
Informatique -
CSS
|
|
Écrit par Arnaud Kientz
|
|
Page 3 sur 5
Voici un tableau regroupant les propriétés et attributs CSS les plus courants :
| Propriétés |
Attributs possibles |
| background-color |
red - orange - yellow - green - blue - aqua - black - fuchsia - gray - lime - maroon - navy - olive - purple - silver - teal - white - valeur de la couleur en hexadécimal |
| background-image |
Adresse de l'image, par exemple url('image.png'); |
| border-style |
none - hidden - dotted - dashed - solid - double - groove - ridge - inset - outset |
| border-color |
red - orange - yellow - green - blue - aqua - black - fuchsia - gray - lime - maroon - navy - olive - purple - silver - teal - white - valeur de la couleur en hexadécimal |
| border-width |
Mettre l'épaisseur de la bordure en pixels ( px ) |
| color |
red - orange - yellow - green - blue - aqua - black - fuchsia - gray - lime - maroon - navy - olive - purple - silver - teal - white - valeur de la couleur en hexadécimal |
| font-size |
Taille de la police en pixel ( px ) |
| font-weight |
normal - bold - bolder - lighter - 100 - 200 - ... - 900 |
| list-style-type |
disc - circle - square - decimal - upper-alpha - lower-alpha - upper-roman - lower-roman - lower-greek - hebrew - armenian - georgian - none |
| margin |
Mettre les 4 marges ( extérieures ) en pixels dans l'ordre : haut - droite - bas - gauche |
| padding |
Mettre les 4 marges ( intérieures ) en pixels dans l'ordre : haut - droite - bas - gauche |
| text-align |
left - center - right - justify |
| text-decoration |
none - underline - overline - line-through - blink |
Important
Pour un lien “a”, il existe quatre sélecteurs CSS particuliers :
- :link ( que l'on note par a:link dans la feuille de style ), qui désigne le lien tel qu'il va apparaitre,
- :hover ( que l'on note par a:hover dans la feuille de style ), qui désigne le lien tel qu'il va apparaitre lorsque la souris le survole,
- :visited ( que l'on note par a:visited dans la feuille de style ), qui désigne le lien tel qu'il va apparaitre lorsqu'on a déjà cliqué une fois dessus,
- :active ( que l'on note par a:active dans la feuille de style ), lorsque le lien pointe vers la page en cours de lecture.
Si vous voulez appliquer des couleurs personnalisées, il est utile d'avoir compris la notation hexadécimale d'une couleur ( on pourrait aussi utiliser la notation RGB... ). Voir l'article à ce sujet : couleurs en hexadécimal, et vous pourrez à l'aide de GIMP choisir vos propres couleurs.
|
|
Mise à jour le Dimanche, 21 Février 2010 19:00 |
CSS
