Spécifications CSS
Annexe F : Index des propriétés
| Nom | Valeurs | Valeur initiale | S'applique à (défaut : all) | Héritée ? | Pourcentage (défaut : sans objet) | Groupes de médias |
|---|---|---|---|---|---|---|
| 'azimuth' | <angle> | [[ left-side | far-left | left | center-left | center | center-right | right | far-right | right-side ] || behind ] | leftwards | rightwards | inherit | center | oui | auditif | ||
| 'background' | ['background-color' || 'background-image' || 'background-repeat' || || 'background-position'] | inherit | voir les propriétés individuelles | non | admis pour 'background-position' | visuel | |
| scroll | fixed | inherit | scroll | non | visuel | |||
| 'background-color' | <couleur> | transparent | inherit | transparent | non | visuel | ||
| 'background-image' | <uri> | none | inherit | none | non | visuel | ||
| 'background-position' | [ [<pourcentage> | <longueur> ]{1,2} | [ [top | center | bottom] || [left | center | right] ] ] | inherit | 0% 0% | ceux des éléments de type bloc et ceux remplacés | non | se rapporte à la taille de la boîte elle-même | visuel |
| 'background-repeat' | repeat | repeat-x | repeat-y | no-repeat | inherit | repeat | non | visuel | ||
| 'border' | [ 'border-width' || 'border-style' || <couleur> ] | inherit | voir les propriétés individuelles | non | visuel | ||
| 'border-collapse' | collapse | separate | inherit | collapse | ceux des éléments avec 'display:table' ou 'display:inline-table' | oui | visuel | |
| 'border-color' | <couleur>{1,4} | transparent | inherit | voir les propriétés individuelles | non | visuel | ||
| 'border-spacing' | <longueur> <longueur>? | inherit | 0 | ceux des éléments avec 'display:table' ou 'display:inline-table' | oui | visuel | |
| 'border-style' | <bordure-style>{1,4} | inherit | voir les propriétés individuelles | non | visuel | ||
| 'border-top' 'border-right' 'border-bottom' 'border-left' | [ 'border-top-width' || 'border-style' || <couleur> ] | inherit | voir les propriétés individuelles | non | visuel | ||
| 'border-top-color' 'border-right-color' 'border-bottom-color' 'border-left-color' | <couleur> | inherit | la valeur de la propriété 'color' | non | visuel | ||
| 'border-top-style' 'border-right-style' 'border-bottom-style' 'border-left-style' | <bordure-style> | inherit | none | non | visuel | ||
| 'border-top-width' 'border-right-width' 'border-bottom-width' 'border-left-width' | <bordure-épaisseur> | inherit | medium | non | visuel | ||
| 'border-width' | <bordure-épaisseur>{1,4} | inherit | voir les propriétés individuelles | non | visuel | ||
| 'bottom' | <longueur> | <pourcentage> | auto | inherit | auto | éléments positionnés | non | se rapporte à la hauteur du bloc conteneur | visuel |
| 'caption-side' | top | bottom | left | right | inherit | top | ceux des éléments avec 'display:table-caption' | oui | visuel | |
| 'clear' | none | left | right | both | inherit | none | ceux des éléments de type bloc | non | visuel | |
| 'clip' | <forme> | auto | inherit | auto | ceux des éléments de type bloc et ceux remplacés | non | visuel | |
| 'color' | <couleur> | inherit | selon l'agent utilisateur | oui | visuel | ||
| 'content' | [ <chaîne> | <uri> | <compteur> | attr(X) | open-quote | close-quote | no-open-quote | no-close-quote ]+ | inherit | chaîne vide | pseudo-éléments :before et :after | non | tous | |
| 'counter-increment' | [ <identificateur> <entier>? ]+ | none | inherit | none | non | tous | ||
| 'counter-reset' | [ <identificateur> <entier>? ]+ | none | inherit | none | non | tous | ||
| 'cue' | [ 'cue-before' || 'cue-after' ] | inherit | XX | non | auditif | ||
| 'cue-after' | <uri> | none | inherit | none | non | auditif | ||
| 'cue-before' | <uri> | none | inherit | none | non | auditif | ||
| 'cursor' | [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize| text | wait | help ] ] | inherit | auto | oui | visuel, interactive | ||
| 'direction' | ltr | rtl | inherit | ltr | tous les éléments, voir explications | oui | visuel | |
| 'display' | inline | block | list-item | run-in | compact | marker | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption | none | inherit | inline | non | tous | ||
| 'elevation' | <angle> | below | level | above | higher | lower | inherit | level | oui | auditif | ||
| 'empty-cells' | show | hide | inherit | show | ceux des éléments avec 'display:table-cell' | oui | visuel | |
| 'float' | left | right | none | inherit | none | tous les éléments, sauf ceux positionnés et ceux avec un contenu généré | non | visuel | |
| 'font' | [ [ 'font-style' || 'font-variant' || 'font-weight' ]? 'font-size' [ / 'line-height' ]? 'font-family' ] | caption | icon | menu | message-box | small-caption | status-bar | inherit | voir les propriétés individuelles | oui | admis pour 'font-size' et 'line-height' | visuel | |
| 'font-family' | [[ <famille-nom> | <famille-générique> ],]* [<famille-nom> | <famille-générique>] | inherit | selon l'agent utilisateur | oui | visuel | ||
| 'font-size' | <taille-absolue> | <taille-relative> | <longueur> | <pourcentage> | inherit | medium | oui, la valeur calculée s'hérite | se rapporte à la taille de la police du parent | visuel | |
| 'font-size-adjust' | <nombre> | none | inherit | none | oui | visuel | ||
| 'font-stretch' | normal | wider | narrower | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | inherit | normal | oui | visuel | ||
| 'font-style' | normal | italic | oblique | inherit | normal | oui | visuel | ||
| 'font-variant' | normal | small-caps | inherit | normal | oui | visuel | ||
| 'font-weight' | normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit | normal | oui | visuel | ||
| 'height' | <longueur> | <pourcentage> | auto | inherit | auto | tous les éléments, sauf ceux en-ligne non remplacés, les colonnes et groupes de colonnes des tables | non | voir explication | visuel |
| 'left' | <longueur> | <pourcentage> | auto | inherit | auto | ceux des éléments positionnés | non | se rapporte à la largeur du bloc conteneur | visuel |
| 'letter-spacing' | normal | <longueur> | inherit | normal | oui | visuel | ||
| 'line-height' | normal | <nombre> | <longueur> | <pourcentage> | inherit | normal | oui | se rapporte à la taille de la police de l'élément lui-même | visuel | |
| 'list-style' | [ 'list-style-type' || 'list-style-position' || 'list-style-image' ] | inherit | XX | ceux des éléments avec 'display: list-item' | oui | visuel | |
| 'list-style-image' | <uri> | none | inherit | none | ceux des éléments avec 'display: list-item' | oui | visuel | |
| 'list-style-position' | inside | outside | inherit | outside | ceux des éléments avec 'display: list-item' | oui | visuel | |
| 'list-style-type' | disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-alpha | lower-latin | upper-alpha | upper-latin | hebrew | armenian | georgian | cjk-ideographic | hiragana | katakana | hiragana-iroha | katakana-iroha | none | inherit | disc | ceux des éléments avec 'display: list-item' | oui | visuel | |
| 'margin' | <marge-largeur>{1,4} | inherit | XX | non | se rapporte à la largeur du bloc conteneur | visuel | |
| 'margin-top' 'margin-right' 'margin-bottom' 'margin-left' | <marge-largeur> | inherit | 0 | non | se rapporte à la largeur du bloc conteneur | visuel | |
| 'marker-offset' | <longueur> | auto | inherit | auto | ceux des éléments avec 'display: marker' | non | visuel | |
| 'marks' | [ crop || cross ] | none | inherit | none | dans un contexte de page | sans objet | visuel, paginé | |
| 'max-height' | <longueur> | <pourcentage> | none | inherit | none | tous les éléments, sauf ceux en-ligne non remplacés et ceux des tables | non | se rapporte à la hauteur du bloc conteneur | visuel |
| 'max-width' | <longueur> | <pourcentage> | none | inherit | none | tous les éléments, sauf ceux en-ligne non remplacés et ceux des tables | non | se rapporte à la largeur du bloc conteneur | visuel |
| 'min-height' | <longueur> | <pourcentage> | inherit | 0 | tous les éléments, sauf ceux en-ligne non remplacés et ceux des tables | non | se rapporte à la hauteur du bloc conteneur | visuel |
| 'min-width' | <longueur> | <pourcentage> | inherit | selon l'agent utilisateur | tous les éléments, sauf ceux en-ligne non remplacés et ceux des tables | non | se rapporte à la largeur du bloc conteneur | visuel |
| 'orphans' | <entier> | inherit | 2 | ceux des éléments de type bloc | oui | visuel, paginé | |
| 'outline' | [ 'outline-color' || 'outline-style' || 'outline-width' ] | inherit | voir les propriétés individuelles | non | visuel, interactive | ||
| 'outline-color' | <couleur> | invert | inherit | invert | non | visuel, interactive | ||
| 'outline-style' | <bordure-style> | inherit | none | non | visuel, interactive | ||
| 'outline-width' | <bordure-épaisseur> | inherit | medium | non | visuel, interactive | ||
| 'overflow' | visible | hidden | scroll | auto | inherit | visible | ceux des éléments de type bloc et ceux remplacés | non | visuel | |
| 'padding' | <espacement-largeur>{1,4} | inherit | XX | non | se rapporte à la largeur du bloc conteneur | visuel | |
| 'padding-top' 'padding-right' 'padding-bottom' 'padding-left' | <espacement-largeur> | inherit | 0 | non | se rapporte à la largeur du bloc conteneur | visuel | |
| 'page' | <identificateur> | auto | auto | ceux des éléments de type bloc | oui | visuel, paginé | |
| 'page-break-after' | auto | always | avoid | left | right | inherit | auto | ceux des éléments de type bloc | non | visuel, paginé | |
| 'page-break-before' | auto | always | avoid | left | right | inherit | auto | ceux des éléments de type bloc | non | visuel, paginé | |
| 'page-break-inside' | avoid | auto | inherit | auto | ceux des éléments de type bloc | oui | visuel, paginé | |
| 'pause' | [ [<durée> | <pourcentage>]{1,2} ] | inherit | selon l'agent utilisateur | non | voir les descriptions de 'pause-before' et 'pause-after' | auditif | |
| 'pause-after' | <durée> | <pourcentage> | inherit | selon l'agent utilisateur | non | voir explication | auditif | |
| 'pause-before' | <durée> | <pourcentage> | inherit | selon l'agent utilisateur | non | voir explication | auditif | |
| 'pitch' | <fréquence> | x-low | low | medium | high | x-high | inherit | medium | oui | auditif | ||
| 'pitch-range' | <nombre> | inherit | 50 | oui | auditif | ||
| 'play-during' | <uri> mix? repeat? | auto | none | inherit | auto | non | auditif | ||
| 'position' | static | relative | absolute | fixed | inherit | static | tous les éléments, sauf ceux avec un contenu généré | non | visuel | |
| 'quotes' | [<chaîne> <chaîne>]+ | none | inherit | selon l'agent utilisateur | oui | visuel | ||
| 'richness' | <nombre> | inherit | 50 | oui | auditif | ||
| 'right' | <longueur> | <pourcentage> | auto | inherit | auto | éléments positionnés | non | se rapporte à la largeur du bloc conteneur | visuel |
| 'size' | <longueur>{1,2} | auto | portrait | landscape | inherit | auto | dans un contexte de page | sans objet | visuel, paginé | |
| 'speak' | normal | none | spell-out | inherit | normal | oui | auditif | ||
| 'speak-header' | once | always | inherit | once | ceux des éléments contenant une information d'en-tête | oui | auditif | |
| 'speak-numeral' | digits | continuous | inherit | continuous | oui | auditif | ||
| 'speak-punctuation' | code | none | inherit | none | oui | auditif | ||
| 'speech-rate' | <nombre> | x-slow | slow | medium | fast | x-fast | faster | slower | inherit | medium | oui | auditif | ||
| 'stress' | <nombre> | inherit | 50 | oui | auditif | ||
| 'table-layout' | auto | fixed | inherit | auto | ceux des éléments avec 'display:table' ou 'display:inline-table' | non | visuel | |
| 'text-align' | left | right | center | justify | <chaîne> | inherit | selon l'agent utilisateur et du sens d'écriture | ceux des éléments de type bloc | oui | visuel | |
| 'text-decoration' | none | [ underline || overline || line-through || blink ] | inherit | none | non (voir explications) | visuel | ||
| 'text-indent' | <longueur> | <pourcentage> | inherit | 0 | ceux des éléments de type bloc | oui | se rapporte à la largeur du bloc conteneur | visuel |
| 'text-shadow' | none | [<couleur> || <longueur> <longueur> <longueur>? ,]* [<couleur> || <longueur> <longueur> <longueur>?] | inherit | none | non (voir explications) | visuel | ||
| 'text-transform' | capitalize | uppercase | lowercase | none | inherit | none | oui | visuel | ||
| 'top' | <longueur> | <pourcentage> | auto | inherit | auto | éléments positionnés | non | se rapporte à la hauteur du bloc conteneur | visuel |
| 'unicode-bidi' | normal | embed | bidi-override | inherit | normal | tous les éléments, mais voir explications | non | visuel | |
| 'vertical-align' | baseline | sub | super | top | text-top | middle | bottom | text-bottom | <pourcentage> | <longueur> | inherit | baseline | ceux des éléments de type en-ligne et ceux avec 'display:table-cell' | non | se rapporte à la valeur de 'line-height' de l'élément lui-même | visuel |
| 'visibility' | visible | hidden | collapse | inherit | inherit | non | visuel | ||
| 'voice-family' | [[<voix-spécifique> | <voix-générique> ],]* [<voix-spécifique> | <voix-générique> ] | inherit | selon l'agent utilisateur | oui | auditif | ||
| 'volume' | <nombre> | <pourcentage> | silent | x-soft | soft | medium | loud | x-loud | inherit | medium | oui | se rapporte à la valeur héritée | auditif | |
| 'white-space' | normal | pre | nowrap | inherit | normal | ceux des éléments de type bloc | oui | visuel | |
| 'widows' | <entier> | inherit | 2 | ceux des éléments de type bloc | oui | visuel, paginé | |
| 'width' | <longueur> | <pourcentage> | auto | inherit | auto | tous les éléments, sauf ceux de type en-ligne non remplacés, les rangées et groupes de rangées des tables | non | se rapporte à la largeur du bloc conteneur | visuel |
| 'word-spacing' | normal | <longueur> | inherit | normal | oui | visuel | ||
| 'z-index' | auto | <entier> | inherit | auto | éléments positionnés | non | visuel |
Version en cache
21/12/2024 13:30:31 Cette version de la page est en cache (à la date du 21/12/2024 13:30:31) afin d'accélérer le traitement. Vous pouvez activer le mode utilisateur dans le menu en haut pour afficher la dernère version de la page.Document créé le 12/08/2006, dernière modification le 26/10/2018
Source du document imprimé : https://www.gaudry.be/css-rf-propidx.html
L'infobrol est un site personnel dont le contenu n'engage que moi. Le texte est mis à disposition sous licence CreativeCommons(BY-NC-SA). Plus d'info sur les conditions d'utilisation et sur l'auteur.
Notes
Références
Ces références et liens indiquent des documents consultés lors de la rédaction de cette page, ou qui peuvent apporter un complément d'information, mais les auteurs de ces sources ne peuvent être tenus responsables du contenu de cette page.
L'auteur de ce site est seul responsable de la manière dont sont présentés ici les différents concepts, et des libertés qui sont prises avec les ouvrages de référence. N'oubliez pas que vous devez croiser les informations de sources multiples afin de diminuer les risques d'erreurs.
