Référence des Propriétés de CSS

Voici la liste référence des propriétés CSS que nous espérons qu’elle vous sert comme aide mémoire.
Nous vous conseillons de la mettre en favori .
Voici la liste des propriétés CSS telles que décrites dans les documents de la norme
CSS 2 (http://www.w3.org/TR/1998/REC-CSS2-19980512/propidx.html).
Ceci incorpore les propriétés déjà présentes en CSS 1.
La colonne CSS indique dans quelle version de CSS la propriété est défini (CSS1 ou CSS2).

Somaire
HTML & CSS

Propriétés de fond (Background Properties)

Propriété Description CSS
background Définit toutes les propriétés d'arrière-plan dans une déclaration 1
background-attachment Définit si une image de fond est fixe ou défile avec le reste de la page 1
background-color Définit la couleur de fond d'un élément 1
background-image Définit l'image de fond d'un élément 1
background-position Définit la position de départ d'une image de fond 1
background-repeat Définit la façon dont une image de fond sera répété 1
background-blend-mode Indique le mode de fusion de chaque couche de l’arrière plan (couleur ou image)
background-clip Indique la zone de l'arrière-plan qui sera colorée 3
background-origin Indique l'emplacement où est  positionnée l'image  d’arrière plan 3
background-size Indique la taille de fond de l'image d’arrière plan 3

Propriétés de frontière et d'ensemble (Border and Outline Properties)



Propriété Description CSS
border Définit toutes les propriétés de bordure dans une déclaration 1
border-bottom Définit toutes les propriétés de bordure de fond dans une déclaration 1
border-bottom-color Définit la couleur de la bordure inférieure 2
border-bottom-style Définit le style de la bordure inférieure 2
border-bottom-width Définit la largeur de la bordure inférieure 1
border-color Définit la couleur des quatre frontières 1
border-left Définit toutes les propriétés de bordure à gauche dans une déclaration 1
border-left-color Définit la couleur de la bordure gauche 2
border-left-style Définit le style de la bordure gauche 2
border-left-width Définit la largeur de la bordure gauche 1
border-right Définit toutes les propriétés de bordure à droite dans une déclaration 1
border-right-color Définit la couleur de la bordure droite 2
border-right-style Définit le style de la bordure droite 2
border-right-width Définit la largeur de la bordure droite 1
border-style Définit le style des quatre frontières 1
border-top Définit toutes les propriétés de bordure en haut dans une déclaration 1
border-top-color Définit la couleur de la bordure supérieure 2
border-top-style Définit le style de la bordure supérieure 2
border-top-width Définit la largeur de la bordure supérieure 1
border-width Définit la largeur des quatre frontières 1
outline Définit toutes les propriétés dans une déclaration 2
outline-color Définit la couleur d'une esquisse 2
outline-style Définit le style d'une esquisse 2
outline-width Définit la largeur d'une esquisse 2

border-bottom-left-radius

Définit la forme du coin bas  gauche de la frontière

3

border-bottom-right-radius

Définit la forme du coin bas  droit de la frontière

3

border-image

Un raccourci pour fixer toutes les propriétés de la frontière-image- *

3

border-image-outset

Indique le montant par lequel la zone de l'image de la frontière va au-delà de la boîte de frontière

3

border-image-repeat

Indique si l'image de la frontière devrait être répété, arrondi ou étirée

3

border-image-slice

Indique comment couper l'image de la frontière

3

border-image-source

Indique le chemin vers l'image pour être utilisé comme une frontière

3

border-image-width

Indique les largeurs de l'image-frontière

3

border-radius

Un raccourci pour définir les quatre coins de la  frontière

3

border-top-left-radius

Définit la forme du coin supérieur gauche de la frontière

3

border-top-right-radius

Définit la forme du coin  haut à droite de la frontière

3

box-shadow

Attache un ou plusieurs ombres portées à la boîte

3


Propriétés de dimension (Dimension Properties)



Propriété Description CSS
height Définit la hauteur d'un élément 1
max-height Définit la hauteur maximale d'un élément 2
max-width Définit la largeur maximale d'un élément 2
min-height Définit la hauteur minimale d'un élément 2
min-width Définit la largeur minimale d'un élément 2
width Définit la largeur d'un élément 1

Propriétés de police (Font Properties)



Propriété Description CSS
font Définit toutes les propriétés de la police dans une déclaration 1
font-family Spécifie la famille de police pour le texte 1
font-size Spécifie la taille du texte 1
font-style Indique le style de police pour le texte 1
font-variant Spécifie si oui ou non un texte doit être affiché dans un small-caps police 1
font-weight Indique le poids d'une police 1

Propriétés de liste (List Properties)



Propriété Description CSS
list-style Définit toutes les propriétés d'une liste dans une déclaration 1
list-style-image Spécifie une image comme marqueur list-item 1
list-style-position Indique si les marqueurs list-item doit apparaître à l'intérieur ou en dehors du flux du contenu 1
list-style-type Indique le type de marqueur list-item 1

Propriétés de marge (Margin Properties)



Propriété Description CSS
margin Définit toutes les propriétés de marge dans une déclaration 1
margin-bottom Définit la marge bas d'un élément 1
margin-left Définit la marge gauche d'un élément 1
margin-right Définit la marge de droite d'un élément 1
margin-top Définit la marge du haut d'un élément 1

Propriétés de marge intérieur (Padding Properties)



Propriété Description CSS
padding Définit toutes les propriétés de la marge intérieure dans une déclaration 1
padding-bottom Définit la marge intérieure inférieure d'un élément 1
padding-left Définit la marge intérieure gauche d'un élément 1
padding-right Définit la marge intérieure droit d'un élément 1
padding-top Définit la marge intérieure supérieure d'un élément 1

Propriétés de position (Positioning Properties)



Propriété Description CSS
bottom Définit le bord de la marge de fond pour une boîte placée 2
clear Spécifie les côtés d'un élément où d'autres éléments flottants ne sont pas autorisés 1
clip Fixe un élément en position absolue 2
cursor Indique le type de curseur à afficher 2
display Indique le type de boîte d'un élément devrait générer 1
float Spécifie si oui ou non une boîte doit flotter 1
left Définit le bord de la marge gauche pour une boîte placée 2
overflow Spécifie ce qui se passe si les débordements contenu d'un élément boîte 2
position Indique le type de positionnement d'un élément 2
right Définit le bord de la marge droite d'une boîte placée 2
top Définit le bord de la marge supérieure pour une boîte placée 2
visibility Indique si un élément est visible 2
z-index Définit la pile ordre d'un élément 2

Propriétés de tableau (Table Properties)



Propriété Description CSS
border-collapse Spécifie si oui ou non des bordures de tableau doit être effondré 2
border-spacing Spécifie la distance entre les frontières des cellules adjacentes 2
caption-side Indique l'emplacement d'une légende du tableau 2
empty-cells Spécifie si oui ou non d'afficher les frontières et de fond sur les cellules vides dans un tableau 2

Propriétés de texte (Text Properties)



Propriété Description CSS
color Définit la couleur du texte 1
direction Spécifie l'orientation du texte / écriture direction 2
letter-spacing Augmente ou diminue l'espace entre les caractères dans un texte 1
line-height Définit la ligne de hauteur 1
text-align Spécifie l'alignement horizontal du texte 1
text-decoration Spécifie la décoration à ajouter au texte 1
text-indent Spécifie l'indentation de la première ligne dans un bloc de texte 1
text-transform Contrôle la casse du texte 1
vertical-align Définit l'alignement vertical d'un élément 1
white-space Spécifie la façon d'espace blanc dans un élément est traité 1
word-spacing Augmente ou diminue l'espace entre les mots dans un texte 1

Pseudo-classes/éléments de CSS (CSS Pseudo-classes/elements)



Propriété Description CSS
:active Ajoute un style à un élément qui est activé 1
:after Ajoute le contenu après un élément 2
:before Ajoute le contenu avant un élément 2
:first-child Ajoute un style à un élément qui est le premier enfant d'un autre élément 2
:first-letter Ajoute un style pour le premier caractère d'un texte 1
:first-line Ajoute un style à la première ligne d'un texte 1
:focus Ajoute un style à un élément qui a le focus clavier 2
:hover Ajoute un style à un élément lorsque vous passez la souris dessus 1
:lang Ajoute un style à un élément avec un attribut lang spécifiques 2
:link Ajoute un style à un lien non visité 1
:visited Ajoute un style à un lien visité 1
Par carabde 10 mars 2014

chapitre précédent chapitre suivant