|
weByo.[net] | Actualités et ressources pour webmaster, tutoriaux Dreamweaver Flash CSS Javascript
|
http://www.webyo.net/CSS-Proprietes
|
 |
CSS : Propriétés
lundi, 27 décembre 2004
/ webyo
|
Les feuilles de styles permettent d’harmoniser la présentation des documents. Apparues en 1997, les feuilles de styles en cascade constituaient une nouveauté puisqu’elles réorientaient indirectement HTML et PAO.
PRINCIPALES PROPRIETES DU TEXTE
PRINCIPALES PROPRIETES DES POLICES DE CARACTERES
PRINCIPALES PROPRIETES DES ARRIERE-PLANS
PRINCIPALES PROPRIETES DES LISTES
PRINCIPALES PROPRIETES DES BLOCS
| Propriétés | Descriptions |
|---|---|
| margin-top | Marge supérieure |
| margin-right | Marge de droite |
| margin-bottom | Marge inférieure |
| margin-left | Marge de gauche |
| margin | Suite de 4 valeurs représentant les 4 marges |
| padding-top | Ajustement en haut |
| padding-right | Ajustement à droite |
| padding-bottom | Ajustement en bas |
| padding-left | Ajustement à gauche |
| padding | Suite de 4 valeurs représentant l’épaisseur des 4 ajustements |
| border-style | Type de bordure [none (aucune), dotted (pointillés), solid (solide), double (double), groove (en creux), ridge (en saillie), inset (3D vers l’avant), outset (3D vers l’arrière)] |
| border-color | Couleur de la bordure |
| border-width | Epaisseur de la bordure |
| border-top | Bordure supérieure |
| border-right | Bordure de droite |
| border-bottom | Bordure inférieure |
| border-left | Bordure de gauche |
| border | Suite de 4 valeurs représentant l’épaisseur des 4 bordures |
| width | Largeur d’un bloc |
| height | Hauteur d’un bloc |
| float | Flottaison d’un bloc |
PRINCIPALES PROPRIETES DU TEXTE| Propriétés | Descriptions |
|---|---|
| word-spacing | Espacement entre les mots |
| letter-spacing | Espacement entre les lettres |
| text-decoration | Soulignement, surlignement, barré, clignotement |
| text-transform | Majuscules, minuscules, initiale majuscule |
| text-align | Alignement horizontal d’objets HTML |
| text-indent | Rentrée de première ligne |
| vertical-align | Décalage vertical |
| line-height | Contrôle de l’interligne |
PRINCIPALES PROPRIETES DES POLICES DE CARACTERES| Propriétés | Descriptions |
|---|---|
| font-family | Famille de polices (serif, sans-serif, monospace, cursive, fantasy) ou police particulière |
| font-style | Trois styles : normal, italic et oblique |
| font-size | Corps (taille) de la police |
| font-variant | Affichage normal ou en petites capitales |
| font-weight | Graisse ("poids") de la police |
PRINCIPALES PROPRIETES DES ARRIERE-PLANS| Propriété | Description |
|---|---|
| background-color | Définit la couleur unie d’arrière-plan |
| background-image | Spécifie l’URL de l’image à utiliser |
| background-repeat | Définit le mode de répétition de l’image de fond (repeat, repeat-x, repeat-y, no-repeat) |
| background-position | Contrôle la mise en pages précise de l’image |
| background | Regroupe en une seule propriété les spécificités des cinq précédentes |
PRINCIPALES PROPRIETES DES LISTES| Propriété | Description |
|---|---|
| list-style-type | Définit le type de repère qui sera affiché à gauche de chaque article |
| list-type-position | Précise si le repère des articles sera en retrait négatif ou aligné avec la marge gauche |
| list-type-image | Permet de remplacer le repère standard par une image appropriée |
| list-style | Regroupe en une seule propriété les possibilités des trois précédentes |