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.

This work is licensed under a Creative Commons License.
Pour plus de détail sur ce copyright,
consultez notre page consacrée aux droits de copie.


Valid HTML 4.01 Transitional - Vérifier l'orthographe avec RankSpirit et "BonPatron"
Raccourcis
Contact liens d'évitement et raccourcis clavier Droits de copie Accueil Imprimer
Aller au menu