Toutes les propriétés CSS

Classement par famille

Cliquez sur une propriété pour accéder à sa fiche détaillée.

Background (arrière-plan)

Cette liste de propriétés permet de définir la couleur ou l'image qui sera utilisée en fond de page ou en arrière plan d'élément. Le site MammouthLand propose une page détaillée sur l'utilisation de ces propriétés.

background	Ensemble de propriétés de l'arrière-plan.
background-attachment	Mode de défilement de l'image d'arrière-plan.
background-color	Couleur de l'arrière-plan.
background-image	Image d'arrière-plan.
background-position-x	Position horizontale de l'image d'arrière-plan.
background-position-y	Position verticale de l'image d'arrière-plan.
background-position	Position de l'image d'arrière-plan.
background-repeat	Mode de répétition de l'image d'arrière-plan.
layer-background-image	Image d'arrière plan et de la bordure dans Netscape Navigator.
layer-background-color	Couleur d'arrière plan et de la bordure dans Netscape Navigator.

Border (bordure)

Cette liste de propriétés permet de définir les caractéristiques des bordures de l'élément. Pour la façon particulière dont Internet Explorer interprête parfois ces propriétés, reportez-vous à la propriété border.

Voir également la famille "outline" qui permet de jouer sur l'encadrement du contenu d'un élément.

border	Caractéristiques des bordures.
border-bottom	Caractéristiques de la bordure du bas.
border-bottom-color	Couleur de la bordure du bas.
border-bottom-style	Style de la bordure du bas.
border-bottom-width	Epaisseur de la bordure du bas.
border-collapse	Mode d'encadrement des cellules adjacentes.
border-color	Couleur des bordures.
border-left	Caractéristiques de la bordure de gauche.
border-left-color	Couleur de la bordure de gauche.
border-left-style	Style de la bordure de gauche.
border-left-width	Epaisseur de la bordure de gauche.
border-right	Caractéristiques de la bordure de droite.
border-right-color	Couleur de la bordure de droite.
border-right-style	Style de la bordure de droite.
border-right-width	Epaisseur de la bordure de droite.
border-spacing	Espacement entre deux traits de cellules adjacentes.
border-style	Style des bordures.
border-top	Caractéristiques de la bordure du haut.
border-top-color	Couleur de la bordure du haut.
border-top-style	Style de la bordure du haut.
border-top-width	Epaisseur de la bordure du haut.
border-width	Epaisseur des bordures.
-moz-border-radius	Permet de définir un coin arrondi des bordures (pour Mozilla seulement)
-moz-border-radius-bottomleft	Permet de définir un coin arrondi pour une bordure (pour Mozilla seulement)
-moz-border-radius-bottomright	Permet de définir un coin arrondi pour une bordure (pour Mozilla seulement)
-moz-border-radius-topleft	Permet de définir un coin arrondi pour une bordure (pour Mozilla seulement)
-moz-border-radius-topright	Permet de définir un coin arrondi pour une bordure (pour Mozilla seulement)

Couleur

Cette famille regroupe toutes les propriétés consacrées à la couleur.

Les normes HTML et CSS permettent de définir les couleurs de 3 façons différentes. Pour en savoir plus, consultez notre page consacrée à la couleur.

background-color	Couleur de l'arrière-plan.
border-bottom-color	Couleur de la bordure du bas.
border-color	Couleur des bordures.
border-left-color	Couleur de la bordure de gauche.
border-right-color	Couleur de la bordure de droite.
border-top-color	Couleur de la bordure de droite.
color	Couleur de l'avant plan (texte, par exemple).
layer-background-color	Couleur d'arrière plan et de la bordure dans Netscape.
outline-color	Couleur de l'encadrement de l'élément.
scrollbar-3dlight-color	Aspect de l'ascenseur (Explorer seulement).
scrollbar-arrow-color	Aspect de l'ascenseur (Explorer seulement).
scrollbar-base-color	Aspect de l'ascenseur (Explorer seulement).
scrollbar-darkShadow-color	Aspect de l'ascenseur (Explorer seulement).
scrollbar-face-color	Aspect de l'ascenseur (Explorer seulement).
scrollbar-highlight-color	Aspect de l'ascenseur (Explorer seulement).
scrollbar-shadow-color	Aspect de l'ascenseur (Explorer seulement).
scrollbar-track-color	Aspect de l'ascenseur (Explorer seulement).

Divers

cursor	Forme du curseur pour la souris.
filter (new style)	Filtre graphique.
filter (old style)	Filtre graphique.
!important	Donne la priorité à une définition CSS.
-moz-opacity	Transparence/opacité de l'élément (pour Mozilla seulement)
opacity	Transparence/opacité de l'élément.
scrollbar-3dlight-color	Aspect de l'ascenseur (Explorer seulement).
scrollbar-arrow-color	Aspect de l'ascenseur (Explorer seulement).
scrollbar-base-color	Aspect de l'ascenseur (Explorer seulement).
scrollbar-darkShadow-color	Aspect de l'ascenseur (Explorer seulement).
scrollbar-face-color	Aspect de l'ascenseur (Explorer seulement).
scrollbar-highlight-color	Aspect de l'ascenseur (Explorer seulement).
scrollbar-shadow-color	Aspect de l'ascenseur (Explorer seulement).
scrollbar-track-color	Aspect de l'ascenseur (Explorer seulement).
visibility	Détermine si l'élément est affiché sur la page.
white-space	Gestion des espaces multiples et des retours chariot.

Génération de contenu

Cette liste de propriétés assez peu connues permet d'ajouter du contenu (texte ou images) avant ou aprés des éléments HTML. Pour plus de détail, consultez l'article de Laurent Denis à ce sujet.

content	Ajoute du contenu dans le document (génération de contenu).
counter-increment	Définit le pas d'incrémentation d'un compteur (génération de contenu).
counter-reset	Fixe la valeur de départ d'un compteur (génération de contenu).
quotes	Caractères utilisés pour les guillemets.

IE seulement (propriétés reconnues uniquement par Internet Explorer)

La famille Mozilla/Firefox représente plus de 30% des navigateurs utilisés dans le monde. Soyez donc prudent dans l'utilisation des propriétés suivantes qui ne sont reconnues que par Internet Explorer !

behavior	Association d'un script à un élément HTML.
filter (new style)	Filtre graphique.
filter (old style)	Filtre graphique.
ime-mode	Prise en charge des langues tels que le chinois, le japonais et le coréen.
layout-flow	Type de progression du texte dans Explorer (langues asiatiques).
layout-grid	Ensemble de propriétés des lignes de caractères dans Explorer (langues asiatiques).
layout-grid-char	Taille de la grille des caractères dans Explorer (langues asiatiques).
layout-grid-line	Hauteur de ligne des caractères dans Explorer (langues asiatiques).
layout-grid-mode	Dimension des lignes de caractères dans Explorer (langues asiatiques).
layout-grid-type	Largeur variable des lignes de caractères dans Explorer (langues asiatiques).
overflow-x	Présence/absence de l'ascenseur droit (Explorer seulement)
overflow-y	Présence/absence de l'ascenseur bas (Explorer seulement)
scrollbar-3dlight-color	Aspect de l'ascenseur (Explorer seulement).
scrollbar-arrow-color	Aspect de l'ascenseur (Explorer seulement).
scrollbar-base-color	Aspect de l'ascenseur (Explorer seulement).
scrollbar-darkShadow-color	Aspect de l'ascenseur (Explorer seulement).
scrollbar-face-color	Aspect de l'ascenseur (Explorer seulement).
scrollbar-highlight-color	Aspect de l'ascenseur (Explorer seulement).
scrollbar-shadow-color	Aspect de l'ascenseur (Explorer seulement).
scrollbar-track-color	Aspect de l'ascenseur (Explorer seulement).
text-align-last	Détermine l'alignement horizontal de la dernière ligne de texte dans un cadre de l'élément (Explorer seulement).
text-autospace	Détermine l'espacement entre les caractères (langues asiatiques - Explorer seulement).
text-justify	Justification du texte (Explorer seulement).
text-kashida-space	Concerne le texte arabe inclus dans un élément de bloc (Explorer seulement).
text-underline-position	Position du texte par rapport au soulgnement (langues asiatiques - Explorer seulement).
unicode-bidi	Détermine l'incorporation du texte bidirectionnel avec la propriété de style direction (langues asiatiques - Explorer seulement).
word-break	Détermine le style de césure de mot (langues asiatiques - Explorer seulement).
word-wrap	Détermine le style de renvoi à la ligne pour les éléments de niveau bloc, les éléments incorporés de taille spécifique ou les éléments positionnés (Explorer seulement).
writing-mode	Progression du contenu texte dans l'élément (langues asiatiques - Explorer seulement).
zoom	Agrandissement du contenu affiché.

Impression

Les propriétés ci-dessous ne seront actives que lorsque vos visiteurs tenteront d'imprimer vos pages Web. Le site SelfHTML propose une page consacrée l'utilisation de ces propriétés. Voir également l'article de "Pompage" consacré à l'impression des pages web.

marks	Traits de coupe et repères d'alignement.
orphans	Nombre minimum de lignes d'un paragraphe à afficher en bas d'une page avant un saut de page.
page-break-before	Pour forcer un saut de page avant l' élément
page-break-after	Pour forcer un saut de page après l' élément
page-break-inside	Pour gérer les sauts de page à l'intérieur de l' élément
page	Type de page imprimée.
size	Définit la taille et/ou l'orientation d'une zone de page.
widows	Définit le nombre minimum de lignes d'un paragraphe à afficher en haut d'une page après un saut de page (Opera seulement).

Liste

Ces propriétés premettent de définir la façon d'afficher les éléments de type <LI>, <UL> et <OL> ainsi que les éléments <DT> et <DD> (listes de définitions)

list-style-image	Image remplaçant les puces dans les listes.
list-style-position	Détermine si la puce doit être affichée à l'intérieur ou à l'extérieur (en retrait négatif) du bloc de contenu de liste.
list-style-type	Définit le type de puce à afficher pour une liste.
list-style	Ensemble de caractéristiques pour une liste.
marker-offset	Position de la puce ou du numéro dans une liste.

Outline (encadrement)

Alors que les propriétés "border" permettent d'attribuer une bordure aux éléments, les propriétés "outline" attribuent un cadre au contenu des éléments.

outline-color	Couleur de l'encadrement de l'élément.
outline-style	Couleur d'encadrement de l'élément.
outline-width	Epaisseur de l'encadrement de l'élément.
outline	Encadrement de l'élément.

Position et dimensions

Ces propriétés permettent de gérer la mise en page de votre site.

bottom	Position basse d'un élément.
clear	Gestion de l'habillage (en relation avec la propriété "float")
clip	Définit la partie visible de l'élément.
display	Façon d'afficher un élément.
float	Positionnement flottant (relatif) d'un élément par rapport à un autre.
height	Définit la hauteur d'un élément
left	Position gauche d'un élément
margin	Marges extérieures de l'élément.
margin-top	Marge extérieure du haut de l'élément.
margin-right	Marge extérieure de droite de l'élément.
margin-left	Marge extérieure de gauche de l'élément.
max-height	Hauteur maxi de l'élément.
min-height	Hauteur mini de l'élément.
max-width	Largeur maxi de l'élément.
min-width	Largeur mini de l'élément.
overflow-x	Présence/absence de l'ascenseur droit (Explorer seulement)
overflow-y	Présence/absence de l'ascenseur bas (Explorer seulement)
overflow	Présence/absence des ascenseurs.
padding	Marges intérieures de l'élément
padding-top	Marge intérieure haute de l'élément
padding-left	Marge intérieure gauche de l'élément
padding-right	Marge intérieure droite de l'élément
padding-bottom	Marge intérieure basse de l'élément
position	Positionnement de l'élément.
right	Position droite de l'élément.
text-align	Détermine l'alignement horizontal du texte à l'intérieur d'un élément.
top	Position supérieure de l'élément.
vertical-align	Alignement vertical de l'élément.
width	Définit la largeur de l'élément
z-index	Définit l'ordre de superposition des éléments (dessus/dessous).

Ruby

Les "Ruby" sont des sortes d'annotation destinées à apporter un sens complémentaire ou à préciser la façon de prononcer un segment de texte. Les "ruby" sont essentiellement utilisés pour les langues asiatiques. Pour en savoir plus, vous pouvez consultez http://www.w3.org/TR/css3-ruby.

ruby-align	Détermine l'alignement du contenu dans un élément ruby.
ruby-overhang.php	Détermine les caractéristiques de retrait du texte du contenu dans un élément ruby.
ruby-position	Détermine si le texte ruby imbriqué (élément rt) s'affiche sur la même ligne ou au-dessus de son texte de base ruby connexe (élément rb).

Son

ATTENTION : La plupart des navigateurs ne reconnaissent aucune des propriétés de cette famille. Seuls certains navigateurs vocaux à l'usage des non-voyants sont capables de les interprêter.

Le site SelfHTML propose une page détaillée sur ces propriétés.

azimuth	Provenance horizontale du son.
cue	Signal de reconnaissance avant et après un élément
cue-before	Signal de reconnaissance avant un élément
cue-after	Signal de reconnaissance après un élément
elevation	Effet spatial dessus/dessous
pause	Pause avant et après un élément
pause-before	Pause avant un élément
pause-after	Pause après un élément
pitch	Timbre de la voix
pitch-range	Modulation de la voix
play-during	Son d'arrière plan
richness	Inflexions de la voix
speak	Prononciation
speak-header	Mode lecture des tableaux
speak-numeral	Convention pour la lecture des chiffres
speak-punctuation	Mentionner explicitement la ponctuation
speech-rate	Vitesse de parole
stress	Caractère de la voix
voice-family	Type d'orateur.
volume	Volume de la voix

Table (tableaux)

Ces propriétés ne s'appliquent qu'aux éléments de type <Table> et à leurs sous-éléments (caption, td, etc.)

border-collapse	Mode d'encadrement des cellules adjacentes.
border-spacing	Espacement entre deux traits de cellules adjacentes.
caption-side	Emplacement du titre des tableaux.
empty-cells	Mode d'affichage des cellules vides.
speak-header	Mode de restitution des titres de tableaux.
table-layout	Mode de calcul des largeurs de colonnes et de tableaux.

Texte et caractères

Cette famille regroupe toutes les propriétés permettant d'agir sur le texte.

color	Couleur de l'avant plan (texte, par exemple).
direction	Sens d'écriture.
font	Ensemble des propriétés concernant les caractères.
font-family	Police de caractères.
font-size	Taille des caractères.
font-size-adjust	Hauteur des lignes de texte.
font-stretch	Etirement ou compression des caractères.
font-style	Mise en italique.
font-variant	Mise en petites capitales.
font-weight	Mise en gras ou extra-gras (extra-bold).
letter-spacing	Espacement des lettres.
line-break	Contrôle les règles qui régissent le saut de ligne pour un texte en japonais.
line-height	Hauteur de ligne
text-align	Détermine l'alignement horizontal du texte à l'intérieur d'un élément.
text-align-last	Détermine l'alignement horizontal de la dernière ligne de texte dans un cadre de l'élément (Explorer seulement).
text-autospace	Détermine l'espacement entre les caractères (langues asiatiques - Explorer seulement).
text-decoration	Soulignement ou rayure du texte.
text-indent	Indentation du texte.
text-justify	Justification du texte.
text-kashida-space	Concerne le texte arabe inclus dans un élément de bloc (Explorer seulement).
text-overflow	Détermine s'il faut afficher le contenu débordant d'un cadre plein sous forme de points de suspension (...) à la fin de la ligne
text-shadow	Définit les effets d'ombre à appliquer au texte de l'élément.
text-transform	Contrôle la capitalisation (majuscules/minuscules) du texte d'un élément.
text-underline-position	Position du texte par rapport au soulgnement (langues asiatiques - Explorer seulement).
unicode-bidi	Détermine l'incorporation du texte bidirectionnel avec la propriété de style direction (langues asiatiques - Explorer seulement).
vertical-align	Alignement vertical de l'élément.
unicode-bidi	Détermine l'incorporation du texte bidirectionnel avec la propriété de style direction (langues asiatiques - Explorer seulement).
white-space	Gestion des espaces multiples et des retours chariot.
word-break	Détermine le style de césure de mot (langues asiatiques - Explorer seulement).
word-wrap	Détermine le style de renvoi à la ligne pour les éléments de niveau bloc, les éléments incorporés de taille spécifique ou les éléments positionnés (Explorer seulement).
writing-mode	Progression du contenu texte dans l'élément (langues asiatiques - Explorer seulement).

En complément

En complément de ces informations, vous pouvez également consulter la documentation en ligne du site Mozilla concernant les propriétés CSS.

Le copyright de cette page appartient à css-faciles.

Pour plus de détail sur ce copyright,
consultez notre page consacrée aux droits de copie.