991 pages trouvées :

Page Étiquettes et résumé
1 CSS : Feuilles de style en cascade CSS, Design, Landing, Reference, Structure, Styles
Cascading Style Sheets (CSS) est un langage de feuille de style utilisé pour décrire la présentation d'un document écrit en HTML
2 -moz-appearance (-webkit-appearance, appearance) CSS, Non-standard, Propriété, Reference
La propriété -moz-appearance est utilisée dans Gecko (Firefox) afin d'afficher un élément en utilisant la mise en forme native du système d'exploitation.
3 -moz-binding CSS, Déprécié, Non-standard, Propriété, Reference, XBL
La propriété -moz-binding, utilisée par les applications Mozilla, permet d'attacher une liaison (binding) XBL à un élément DOM.
4 -moz-border-bottom-colors CSS, Non-standard, Propriété, Reference
Pour les applications Mozilla, la propriété -moz-border-bottom-colors définit une liste de couleurs à utiliser pour mettre en forme la bordure du côté bas.
5 -moz-border-left-colors CSS, Non-standard, Reference
Pour les applications Mozilla, la propriété -moz-border-left-colors définit une liste de couleurs à utiliser pour mettre en forme la bordure du côté gauche.
6 -moz-border-right-colors CSS, Non-standard, Propriété, Reference
Pour les applications Mozilla, la propriété -moz-border-right-colors définit une liste de couleurs à utiliser pour mettre en forme la bordure du côté droit.
7 -moz-border-top-colors CSS, Non-standard, Propriété, Reference
Pour les applications Mozilla, la propriété -moz-border-top-colors définit une liste de couleurs à utiliser pour mettre en forme la bordure du côté haut.
8 -moz-box-ordinal-group CSS, Non-standard, Propriété, Reference
La propriété -moz-box-ordinal-group indique le groupe ordinal auquel appartient l'élément. Les éléments dont le groupe ordinal est inférieur seront affichés avant ceux dont le groupe ordinal est plus élevé.
9 -moz-cell CSS, Obsolete, Propriété, Reference
No summary!
10 -moz-context-properties CSS, Non-standard, Propriété, Reference
Si on intègre une image SVG dans une page web grâce à un élément remplacé (généralement l'élément <img>), il est possible d'appliquer les propriétés de l'élément <img> à l'image SVG (de même pour les autres contextes qui intègreraient une image SVG) grâce à la propriété -moz-context-properties.
11 -moz-float-edge CSS, Non-standard, Propriété, Reference
La propriété -moz-float-edge définit si les propriétés de hauteur et de larguer d'un élément incluent la marge, la bordure et/ou le remplissage (padding).
12 -moz-force-broken-image-icon CSS, Non-standard, Propriété, Reference
La propriété -moz-force-broken-image-icon est une propriété CSS non-standard. Lorsqu'elle vaut 1, elle permet de forcer l'affichage d'une icône d'image brisée même si l'image possède un attribut alt. Lorsqu'elle vaut 0, l'image est utilisée de façon normale et n'affichera que l'attribut alt.
13 -moz-image-rect CSS, Fonction, Non-standard, Reference
La propriété -moz-image-rect permet d'utiliser une seule partie d'une image pour un arrière-plan (contrairement à background-image). On peut ainsi utiliser une image qui regroupe plusieurs sprites à différentes fins, ce qui permet de diminuer le nombre de transfert réseau.
14 -moz-image-region CSS, Non-standard, Propriété, Référence(2)
Pour certains éléments XUL et les pseudo-éléments qui utilisent une image grâce à la propriété list-style-image, la propriété -moz-image-region définit la partie de l'image qui est utilisée plutôt que l'image toute entière. Cela permet d'utiliser des images qui regroupent des sprites afin d'améliorer les performances.
15 -moz-orient CSS, Non-standard, Propriété, Reference
La propriété -moz-orient définit l'orientation de l'élément sur lequel elle est appliquée.
16 -moz-outline-radius CSS, Non-standard, Propriété, Reference
Dans les applications Mozilla (ex. Firefox), la propriété -moz-outline-radius peut être utilisée afin que le contour dessiné autour d'un élément ait des angles arrondis. Le contour (outline) est dessiné autour des éléments pour les faire ressortir.
17 -moz-outline-radius-bottomleft CSS, Non-standard, Propriété, Reference
Dans les applications Mozilla, la propriété -moz-outline-radius-bottomleft définit l'arrondi du coin inférieur gauche du contour.
18 -moz-outline-radius-bottomright CSS, Non-standard, Propriété, Reference
Dans les applications Mozilla, la propriété -moz-outline-radius-bottomright définit l'arrondi du coin inférieur droit du contour.
19 -moz-outline-radius-topleft CSS, Non-standard, Propriété, Reference
Dans les applications Mozilla, la propriété -moz-outline-radius-topleft définit l'arrondi du coin supérieur gauche du contour.
20 -moz-outline-radius-topright CSS, Non-standard, Propriété, Référence(2)
Dans les applications Mozilla, la propriété -moz-outline-radius-topright définit l'arrondi du coin supérieur droit du contour.
21 -moz-stack-sizing CSS, Non-standard, Propriété, Reference, XUL
La propriété -moz-stack-sizing est une propriété propriétaire. Normalement, un élément stack changera sa taille pour que tous ses éléments fils soient complètement visibles. Ainsi, si on déplace un élément fils de cette pile vers la droite, la pile s'élargira pour que l'élément reste visible.
22 -moz-text-blink CSS, Non-standard, Obsolete, Propriété, Reference
La propriété CSS non-standard -moz-text-blink détermine le mode de clignotement.
23 -moz-user-focus CSS, Non-standard, Propriété, Reference
La propriété -moz-user-focus est utilisée pour indiquer si l'élément peut recevoir le focus.
24 -moz-user-input CSS, Non-standard, Propriété, Reference
Pour les applications Mozilla, la propriété -moz-user-input détermine si l'utilisateur peut effectuer une saisie sur l'élément (bien que rejetée, cette propriété a contribué à la construction de la propriété standard user-input.
25 -moz-window-shadow CSS, Non-standard, Obsolete, Propriété, Reference, XUL
La propriété -moz-window-shadow définit si une fenêtre doit avoir une ombre. Cette propriété ne fonctionne que pour Mac OS X.
26 -ms-accelerator CSS, Non-standard, Propriété, Reference
La propriété CSS -ms-accelerator est une extension Microsoft qui définit ou récupère une chaîne qui indique si l'objet représente un raccourci clavier.
27 -ms-block-progression CSS, Non-standard, Propriété, Reference
La propriété CSS -ms-block-progression est une propriété spécifique à Microsoft qui indique la progression du bloc et l'orientation de la disposition.
28 -ms-content-zoom-chaining CSS, Non-standard, Propriété, Reference
La propriété CSS -ms-content-zoom-chaining est une propriété spécifique à Microsoft qui indique le comportement du zoom lorsque l'utilisateur atteint la limite du zoom lors de son utilisation.
29 -ms-content-zoom-limit CSS, Non-standard, Propriété, Reference
La propriété CSS -ms-content-zoom-limit est une propriété raccourcie spécifique à Microsoft qui indique les valeurs à utiliser pour les propriétés  -ms-content-zoom-limit-min et  -ms-content-zoom-limit-max.
30 -ms-content-zoom-limit-max CSS, Non-standard, Propriété, Reference
La propriété CSS -ms-content-zoom-limit-max est une propriété spécifique à Microsoft qui détermine le facteur de zoom maximal.
31 -ms-content-zoom-limit-min CSS, Non-standard, Propriété, Reference
La propriété CSS -ms-content-zoom-limit-min est une propriété spécifique à Microsoft qui détermine le facteur de zoom minimal.
32 -ms-content-zoom-snap CSS, Non-standard, Propriété, Reference
La propriété CSS -ms-content-zoom-snap est une propriété raccourcie spécifique à Microsoft qui définit les valeurs des proriétés -ms-content-zoom-snap-type et -ms-content-zoom-snap-points.
33 -ms-content-zoom-snap-points CSS, Non-standard, Propriété, Reference
La propriété CSS -ms-content-zoom-snap-points est une propriété spécifique à Microsoft qui indique l'emplacement des points d'accroches pour les niveaux de zoom.
34 -ms-content-zoom-snap-type CSS, Non-standard, Propriété, Reference
La propriété CSS -ms-content-zoom-snap-type est une propriété spécifique à Microsoft qui définit la façon dont le zoom se comporte aux points d'accroche pour les niveaux de zoom.
35 -ms-content-zooming CSS, Non-standard, Propriété, Reference
La propriété CSS -ms-content-zooming est une propriété spécifique à Microsoft qui indique si le zoom est autorisé.
36 -ms-filter CSS, Non-standard, Propriété, Reference
La propriété CSS -ms-filter est une propriété spécifique à Microsoft qui permet de définir ou d'obtenir un filtre ou l'ensemble de filtres appliqué à un objet.
37 -ms-flow-from CSS, Non-standard, Propriété, Reference
La propriété CSS -ms-flow-from est une propriété spécifique de Microsoft qui permet d'obtenir ou de définir une valeur identifiant un conteneur <iframe> du document et qui reçoit du contenu d'une  source de données.
38 -ms-flow-into CSS, Non-standard, Propriété, Reference
La propriété CSS -ms-flow-into est une propriété spécifique de Microsoft extension qui permet d'obtenir ou de définir une valeur identifiant un conteneur <iframe> du document et qui sert de source de données à la région.
39 -ms-high-contrast-adjust CSS, Non-standard, Propriété, Reference
La propriété CSS -ms-high-contrast-adjust est une propriété spécifique à Microsoft qui permet de récupérer ou de définir une valeur qui indique s'il faut surcharger des propriétés CSS qui auraient été définies pour un mode de contraste élevé.
40 -ms-hyphenate-limit-chars CSS, Non-standard, Propriété, Reference
La propriété CSS -ms-hyphenate-limit-chars est une propriété spécifique à Microsoft qui définit une à trois valeurs indiquant le nombre minimal de caractères utilisés pour un mot tronqué pour passer à la ligne. Si le mot n'a pas suffisamment de caractères avant ou après le passage à la ligne, aucune césure n'est appliquée sur le mot.
41 -ms-hyphenate-limit-lines CSS, Non-standard, Propriété, Reference
La propriété -ms-hyphenate-limit-lines est une propriété spécifique à Microsoft qui indique le nombre maximum de lignes consécutives pouvant se terminer avec un mot sur deux lignes (au sein d'un même élément).
42 -ms-hyphenate-limit-zone CSS, Non-standard, Propriété, Reference
La propriété CSS -ms-hyphenate-limit-zone est une propriété spécifique à Microsoft qui indique la largeur de la zone dans laquelle on peut appliquer une césure et un trait d'union sur les mots pour passer à la ligne.
43 -ms-ime-align CSS, NeedsBrowserCompatibility, Non-standard, Propriété, Reference
La propriété CSS -ms-ime-align est une propriété spécifique à Microsoft qui permet d'aligner la boîte de la fenêtre pour l'Input Method Editor (IME) par rapport à l'élément sur lequel la composition IME est active.
44 -ms-overflow-style CSS, Non-standard, Propriété, Reference
La propriété -ms-overflow-style est une propriété propriétaire, spécifique à Internet Explorer et Microsoft Edge qui permet de contrôler le comportement des barres de défilement lorsque le contenu d'un élément déborde.
45 -ms-scroll-chaining CSS, Non-standard, Propriété, Reference
La propriété -ms-scroll-chaining est une propriété spécifique à Microsoft qui définit la façon dont le défilement se comporte lorsque l'utilisateur atteint la limite du défilement suite à une manipulation.
46 -ms-scroll-limit CSS, Non-standard, Propriété, Reference
La propriété CSS -ms-scroll-limit est une propriété raccourcie spécifique à Microsoft qui définit les valeurs de -ms-scroll-limit-x-min, -ms-scroll-limit-y-min, -ms-scroll-limit-x-max et -ms-scroll-limit-y-max.
47 -ms-scroll-limit-x-max CSS, Non-standard, Propriété, Reference
La propriété CSS -ms-scroll-limit-x-max est une propriété spécifique à Microsoft qui indique la valeur maximum pour la propriété Element.scrollLeft.
48 -ms-scroll-limit-x-min CSS, Non-standard, Propriété, Reference
La propriété -ms-scroll-limit-x-min est une propriété spécifique à Microsoft qui indique la valeur minimale pour la propriété Element.scrollLeft.
49 -ms-scroll-limit-y-max CSS, Non-standard, Propriété, Reference
La propriété CSS -ms-scroll-limit-y-max est une propriété spécifique à Microsoft qui indique la valeur maximum pour la propriété Element.scrollTop.
50 -ms-scroll-limit-y-min CSS, Non-standard, Propriété, Reference
La propriété -ms-scroll-limit-y-min est une propriété spécifique à Microsoft qui indique la valeur minimale pour la propriété Element.scrollTop.
51 -ms-scroll-rails CSS, Non-standard, Propriété, Reference
La propriété -ms-scroll-rails est une propriété spécifique à Microsoft qui indique si le défilement est contraint sur l'axe principal du déplacement.
52 -ms-scroll-snap-points-x CSS, Non-standard, Propriété, Reference
La propriété CSS -ms-scroll-snap-points-x est une propriété spécifique à Microsoft qui définit l'emplacement des points d'accroche le long de l'axe horizontal.
53 -ms-scroll-snap-points-y CSS, Non-standard, Reference
La propriété CSS -ms-scroll-snap-points-y est une propriété spécifique à Microsoft qui définit l'emplacement des points d'accroche le long de l'axe vertical.
54 -ms-scroll-snap-type CSS, Non-standard, Reference
La propriété -ms-scroll-snap-type est une propriété spécifique à Microsoft qui indique le type de point d'accroche à utiliser pour l'élément courant.
55 -ms-scroll-snap-x CSS, Non-standard, Propriété raccourcie, Reference
La propriété raccourcie -ms-scroll-snap-x est une propriété spécifique à Microsoft qui définit les valeurs des propriétés -ms-scroll-snap-type and -ms-scroll-snap-points-x.
56 -ms-scroll-snap-y CSS, Non-standard, Propriété raccourcie, Reference
La propriété raccourcie -ms-scroll-snap-y est une propriété spécifique à Microsoft qui définit les valeurs des propriétés -ms-scroll-snap-type and -ms-scroll-snap-points-y.
57 -ms-scroll-translation CSS, Non-standard, Reference
La propriété CSS -ms-scroll-translation est une propriété spécifique à Microsoft qui indique si une translation verticale / horizontale est appliquée lors du défilement sur l'élément ciblé.
58 -ms-scrollbar-3dlight-color CSS, Non-standard, Propriété, Reference
La propriété -ms-scrollbar-3dlight-color est une propriété spécifique à Microsoft qui définit la couleur pour les bords haut et gauche de la boîte de défilement et pour les flèches de la barre de défilement.
59 -ms-scrollbar-arrow-color CSS, Non-standard, Propriété, Reference
La propriété CSS -ms-scrollbar-arrow-color est une propriété spécifique à Microsoft qui définit la couleur des flèches pour les extrêmités des barres de défilement.
60 -ms-scrollbar-base-color CSS, Non-standard, Propriété, Reference
La propriété CSS -ms-scrollbar-base-color est une propriété spécifique à Microsoft qui indique la couleur de base à utiliser pour les principaux composants d'une barre de défilement.
61 -ms-scrollbar-darkshadow-color CSS, Non-standard, Obsolete, Propriété, Reference
La propriété -ms-scrollbar-darkshadow-color est une propriété spécifique à Microsoft qui définit la couleur de la gouttière pour l'ascenseur.
62 -ms-scrollbar-face-color CSS, Non-standard, Obsolete, Propriété, Reference
La propriété CSS -ms-scrollbar-face-color est une propriété spécifique à Microsoft qui indique la couleur du curseur de défilement et des flèches de la barre de défilement.
63 -ms-scrollbar-highlight-color CSS, Non-standard, Obsolete, Propriété, Reference
La propriété CSS -ms-scrollbar-highlight-color est une propriété spécifique à Microsoft qui définit la couleur pour la piste et le contour d'une barre de défilement.
64 -ms-scrollbar-shadow-color CSS, Non-standard, Obsolete, Propriété, Reference
La propriété -ms-scrollbar-shadow-color est une propriété spécifique à Microsoft qui définit la couleur pour les bords bas et droit de la boîte de défilement et pour les flèches de la barre de défilement.
65 -ms-scrollbar-track-color CSS, Non-standard, Obsolete, Propriété, Reference
La propriété CSS -ms-scrollbar-track-color est une propriété spécifique à Microsoft qui permet de définir la couleur de la piste utilisée pour les barres de défilement.
66 -ms-text-autospace CSS, Non-standard, Propriété, Reference
La propriété -ms-text-autospace est une propriété spécifique à Microsoft qui définit l'espacement automatique et la réduction d'espace lorsque le texte doit être ajusté.
67 -ms-touch-select CSS, Non-standard, Propriété, Reference
La propriété -ms-touch-select est une propriété spécifique à Microsoft qui active la barre d'accroche (gripper) pour les éléments qui permettent de sélectionner du texte au toucher.
68 -ms-user-select CSS, Non-standard, Propriété, Reference
La propriété CSS -ms-user-select est une propriété spécifique à Microsoft qui indique sur quelle zone d'un élément l'utilisateur peut sélectionner le texte de l'élément.
69 -ms-wrap-flow CSS, Non-standard, Propriété, Reference
La propriété CSS -ms-wrap-flow est une propriété spécifique à Microsoft qui indique comment les exclusions jouent sur le contenu en ligne (inline) au sein des éléments de bloc.
70 -ms-wrap-margin CSS, Non-standard, Propriété, Reference
La propriété -ms-wrap-margin est une propriété spécifique à Microsoft qui définit une marge qui décale le retour à la ligne par rapport aux autres formes.
71 -ms-wrap-through CSS, Non-standard, Propriété, Reference
La propriété CSS -ms-wrap-through est une propriété spécifique à Microsoft qui indique comment le contenu devrait s'écouler autour d'un élément d'exclusion.
72 -webkit-border-before CSS, Non-standard, Propriété, Référence(2)
La propriété -webkit-border-before est une propriété raccourcie qui permet de définir les propriétés de la bordure pour le début d'un élément dans l'axe de bloc (l'axe logique orthogonal à l'axe de lecture).
73 -webkit-box-reflect CSS, Non-standard, Propriété, Reference
La propriété -webkit-box-reflect peut être utilisée afin de créer un effet de réflexion d'un élément dans une direction donnée.
74 -webkit-mask-attachment CSS, Non-standard, Propriété, Reference
Si la propriété -webkit-mask-image est définie, -webkit-mask-attachment permet de déterminer si la position de l'image est fixe par rapport à la zone d'affichage ou si elle défile avec le bloc qui l'englobe.
75 -webkit-mask-box-image CSS, Non-standard, Reference, Web
La propriété -webkit-mask-box-image permet de définir l'image de masque utilisée pour la boîte de bordure d'un élément.
76 -webkit-mask-composite CSS, Non-standard, Propriété, Reference
La propriété -webkit-mask-composite définit la façon dont plusieurs images de masque sont appliquées pour un même élément. Les images de masques sont composées dans l'ordre inverse dans lequel elles sont listées dans la propriété -webkit-mask-image.
77 -webkit-mask-image CSS
La propriété CSS -webkit-mask-image définit l'image de masque pour un élément. L'image de masque découpe la portion visible d'un élément conformément aux valeurs de transparence de cette image.
78 -webkit-mask-position-x CSS, Non-standard, Propriété, Reference
La propriété -webkit-mask-position-x permet de définir la position horizontale initiale d'une image de masque.
79 -webkit-mask-position-y CSS, Non-standard, Propriété, Reference
La propriété -webkit-mask-position-y permet de définir la position verticale initiale d'une image de masque.
80 -webkit-mask-repeat-x CSS, Non-standard, Propriété, Reference
La propriété -webkit-mask-repeat-x définit la façon dont une image de masque est répétée horizontalement.
81 -webkit-mask-repeat-y CSS, Non-standard, Propriété, Reference
La propriété -webkit-mask-repeat-y définit la façon dont une image de masque est répétée verticalement.
82 -webkit-overflow-scrolling CSS, Non-standard, Propriété, Reference
La propriété -webkit-overflow-scrolling permet de contrôler si l'appareil tactile utilise l'inertie pour faire défiler l'élément visé par la déclaration.
83 -webkit-print-color-adjust CSS, Non-standard, Propriété, Reference
La propriété -webkit-print-color-adjust est une extension non-standard qui peut être utilisée pour forcer l'impression des images et couleurs utilisées en arrière-plan pour les navigateurs basés sur WebKit.
84 -webkit-tap-highlight-color CSS, Non-standard, Propriété, Référence(2)
La propriété -webkit-tap-highlight-color est une propriété non-standard qui permet de définir la couleur utilisée pour surligner le lien et indiquer qu'il a bien été activé/touché par l'utilisateur.
85 -webkit-text-fill-color CSS, Non-standard, Propriété, Reference
La propriété -webkit-text-fill-color définit la couleur utilisée pour dessiner le contenu des lettres qui forment un texte. Si cette propriété n'est pas définie, c'est la valeur de la propriété color qui sera utilisée.
86 -webkit-text-stroke CSS, Non-standard, Propriété, Reference
La propriété -webkit-text-stroke permet de définir l'épaisseur et la couleur du contour utilisé pour les lettres d'un texte. Cette propriété est une propriété raccourcie qui permet de définir les propriétés -webkit-text-stroke-width et -webkit-text-stroke-color.
87 -webkit-text-stroke-color CSS, Non-standard, Propriété, Reference
La propriété -webkit-text-stroke-color permet de définir la couleur de la ligne utilisée pour le contour du text. Si cette propriété n'est pas définie, c'est la valeur de color qui sera utilisée.
88 -webkit-text-stroke-width CSS, Non-standard, Propriété, Reference
La propriété -webkit-text-stroke-width permet de définir l'épaisseur du trait qui entoure les lettres du texte.
89 -webkit-touch-callout CSS, Non-standard, Propriété, Reference
La propriété -webkit-touch-callout permet de contrôler l'affichage de la légende (callout) affichée par défaut lorsque le toucher est maintenu sur un élément.
90 :-moz-broken CSS, Non-standard, Pseudo-classe, Reference
La pseudo-class CSS :-moz-broken s'adapte aux éléments qui représentent des liens cassés vers des images.
91 :-moz-drag-over CSS, Non-standard, Pseudo-classe, Reference
La pseudo-classe :-moz-drag-over permet de mettre en forme un élément lorsqu'un événement drag-over est appelé dessus.
92 :-moz-first-node CSS, Non-standard, Pseudo-classe, Reference
La pseudo-classe :-moz-first-node correspond à un élément si celui-ci est le premier nœud d'un autre élément. Cette pseudo-classe est différente de :first-child car elle ne cible pas le premier élément qui possède du texte (hors blancs).
93 :-moz-focusring CSS, Non-standard, Pseudo-classe, Reference
La pseudo-classe :-moz-focusring est similaire à la pseudo-classe :focus mais ne cible un élément que si celui-ci a le focus et qu'un indicateur doit être dessiné autour ou sur cet élément.
94 :-moz-full-screen-ancestor CSS, Non-standard, Obsolete, Pseudo-classe, Reference
La pseudo-classe :-moz-full-screen-ancestor permettait de cibler tous les ancêtres d'un élément affiché en plein écran à l'exception des frames contenues dans les documents parents.
95 :-moz-handler-blocked CSS, Non-standard, Pseudo-classe, Reference
La pseudo-classe :-moz-handler-blocked permet de cibler un élément qui ne peut pas être affiché car le gestionnaire associé a été bloqué par l'utilisateur.
96 :-moz-handler-crashed CSS, Non-standard, Pseudo-classe, Reference
La pseudo-classe :-moz-handler-crashed permet de cibler un élément qui ne peut pas être affiché car le plugin sensé le dessiner a planté.
97 :-moz-handler-disabled CSS, Non-standard, Pseudo-classe, Reference
La pseudo-classe :-moz-handler-disabled permet de cibler un élément qui ne peut pas être affiché car le gestionnaire associé a été désactivé par l'utilisateur.
98 :-moz-last-node CSS, Non-standard, Pseudo-classe, Reference
La pseudo-classe :-moz-last-node correspond à un élément si celui-ci est le dernier nœud d'un autre élément. Cette pseudo-classe est différente de :last-child car elle ne cible pas le dernier élément qui possède du texte (hors blancs).
99 :-moz-loading CSS, Non-standard, Pseudo-classe, Reference
La pseudo-classe :-moz-loading correspond aux éléments qui ne peuvent être affichés, car ils n'ont pas été chargés (par exemple les images qui n'ont pas encore été transférées sur le réseau). On notera que les images en cours de chargement (le fichier est arrivé et est en train d'être traité pour affichage par le navigateur) ne sont pas ciblées par cette pseudo-classse.
100 :-moz-locale-dir(ltr) CSS, Localisation, Non-standard, Pseudo-classe, Reference, l10n
La pseudo-classe :-moz-locale-dir(ltr) correspond à un élément si l'interface utilisateur est affichée de gauche à droite. Ceci est déterminé par la préférence intl.uidirection.locale (où locale est le language courant) qui est fixé à "ltr".
101 :-moz-locale-dir(rtl) CSS, Droite-à-gauche, Localisation, Non-standard, Pseudo-classe, Reference
La pseudo-classe CSS :-moz-locale-dir(rtl) correspond à un élément si l'interface utilisateur est affichée de droite à gauche. Elle est déterminée par la préférence intl.uidirection.locale (où locale est la langue courante) qui est fixée à "rtl".
102 :-moz-lwtheme CSS, Non-standard, Pseudo-classe, Référence(2)
La pseudo-classe :-moz-lwtheme permet de cibler les documents liés à l'interface utilisateur du navigateur (le chrome) lorsque l'attribut lightweightthemes de l'élément racine vaut true et qu'un thème est sélectionné.
103 :-moz-lwtheme-brighttext CSS, Non-standard, Pseudo-classe, Référence(2)
La pseudo-classe :-moz-lwtheme-brighttext correspond à un élément de l'interface utilisateur du navigateur (le chrome) lorsque :-moz-lwtheme vaut true et qu'un thème léger avec une couleur de texte clair est sélectionné.
104 :-moz-lwtheme-darktext CSS, Non-standard, Pseudo-classe, Référence(2)
La pseudo-classe :-moz-lwtheme-darktext correspond à un élément de l'interface utilisateur du navigateur (le chrome) lorsque :-moz-lwtheme vaut true et qu'un thème léger avec une couleur de texte sombre est sélectionné.
105 :-moz-placeholder CSS, Déprécié, Non-standard, Pseudo-classe, Reference
La pseudo-classe :-moz-placeholder  est une extension spécifique de Mozilla qui représente n'importe quel élément de formulaire qui affiche un texte de substitution (placeholder). Cela permet aux développeurs web et aux concepteurs de thèmes d'adapter la mise en forme de ces textes de substitution (généralement affichés en gris clair). La mise en forme par défaut pourra ainsi être modifiée pour gérer le contraste avec un arrière-plan différent.
106 :-moz-submit-invalid CSS, Non-standard, Pseudo-classe, Reference
La pseudo-classe CSS :-moz-submit-invalid représente tout bouton <input> de type submit présent sur un formulaire dont le contenu n'est pas valide compte-tenu de ses contraintes de validation.
107 :-moz-suppressed CSS, Non-standard, Pseudo-classe, Reference
:-moz-suppressed est une pseudo-classe spécifique à Mozilla qui permet de sélectionner les images qui n’ont pas été chargées car le chargement des images depuis ce site a été bloqué.
108 :-moz-system-metric() CSS, Non-standard, Obsolete, Pseudo-classe
This page was auto-generated because a user created a sub-page to this page.
109 :-moz-system-metric(images-in-menus) CSS, Non-standard, Pseudo-classe, Reference
La pseudo-classe :-moz-system-metric(images-in-menus) correspond à un élément si l'interface utilisateur de l'ordinateur utilisée permet d'utiliser des images dans les menus.
110 :-moz-system-metric(mac-graphite-theme) CSS, Non-standard, Pseudo-classe, Reference
La pseudo-classe :-moz-system-metric(mac-graphite-theme) correspond à un élément si l'utilisateur a sélectionné l'apparence Graphite dans l'écran des préférences système de Mac OS X.
111 :-moz-system-metric(scrollbar-end-backward) CSS, Non-standard, Pseudo-classe, Reference
La pseudo-classe :-moz-system-metric(scrollbar-end-backward) correspond à un élément si l'interface utilisateur de l'ordinateur inclut un bouton de recul à la fin des barres de défilement.
112 :-moz-system-metric(scrollbar-end-forward) CSS, Non-standard, Pseudo-classe, Reference
La pseudo-classe :-moz-system-metric(scrollbar-end-forward) correspond à un élément si l'interface utilisateur de l'ordinateur inclut un bouton d'avancement à la fin des barres de défilement.
113 :-moz-system-metric(scrollbar-start-backward) CSS, Non-standard, Pseudo-classe, Reference
La pseudo-classe :-moz-system-metric(scrollbar-start-backward) correspond à un élément si l'interface utilisateur de l'ordinateur utilisé inclut un bouton avec une flèche vers le bas à la fin des barres de défilement.
114 :-moz-system-metric(scrollbar-start-forward) CSS, Non-standard, Pseudo-classe, Reference
La pseudo-classe :-moz-system-metric(scrollbar-start-forward) correspond à un élément si l'interface utilisateur de l'ordinateur inclue une flèche pour remonter au début des barres de défilement.
115 :-moz-system-metric(scrollbar-thumb-proportional) CSS, Non-standard, Pseudo-classe, Reference
La pseudo-classe :-moz-system-metric(scrollbar-thumb-proportional) correspondra à un élément si l'interface utilisateur de l'ordinateur utilise des curseurs de barre de défilement proportionnels à la taille de la zone visible du document à l'écran.
116 :-moz-system-metric(touch-enabled) CSS, Non-standard, Pseudo-classe, Reference
La pseudo-classe :-moz-system-metric(touch-enabled) correspondra à un élément si l'appareil sur lequel il est affiché est une interface tactile.
117 :-moz-system-metric(windows-default-theme) CSS, Non-standard, Pseudo-classe, Reference
La pseudo-classe :-moz-system-metric(windows-default-theme) correspond à un élément si l'utilisateur utilise l'un des thèmes Windows suivant : Luna, Royale, Zune ou Aero (c'est-à-dire Vista Basic, Vista Standard ou Aero Glass). Les thèmes Windows classiques et les thèmes tiers sont exclus.
118 :-moz-tree-cell CSS, Non-standard, Pseudo-classe, Référence(2)
Cette pseudo-classe est activée avec l'attribut properties.
119 :-moz-tree-cell-text CSS, Non-standard, Pseudo-classe, Référence(2)
Cette pseudo-classe est activée avec l'attribut properties.
120 :-moz-tree-cell-text(hover) CSS, Non-standard, Pseudo-classe, Référence(2)
La pseudo-classe :-moz-tree-cell-text(hover) correspond à un élément si le curseur de la souris est en train de survoler une cellule d'un arbre.
121 :-moz-tree-column CSS, Non-standard, Pseudo-classe, Référence(2)
Cette pseudo-classe est activée avec l'attribut properties.
122 :-moz-tree-drop-feedback CSS, Non-standard, Pseudo-classe, Référence(2)
Cette pseudo-classe est activée avec l'attribut properties.
123 :-moz-tree-image CSS, Non-standard, Pseudo-classe, Référence(2)
Cette pseudo-classe est activée avec l'attribut properties.
124 :-moz-tree-indentation CSS, Non-standard, Pseudo-classe, Référence(2)
Cette pseudo-classe est activée avec l'attribut properties.
125 :-moz-tree-line CSS, Non-standard, Pseudo-classe, Référence(2)
Cette pseudo-classe est activée avec l'attribut properties.
126 :-moz-tree-progressmeter CSS, Non-standard, Pseudo-classe, Référence(2)
Cette pseudo-classe est activée lorsque l'attribut type est défini sur progressmeter.
127 :-moz-tree-row CSS, Non-standard, Pseudo-classe, Référence(2)
La pseudo-classe -moz-tree-row est utilisée afin de sélectionner des lignes d'un arbre pour leur appliquer des styles
128 :-moz-tree-row(hover) CSS, Non-standard, Pseudo-classe, Référence(2)
La pseudo-classe :-moz-tree-row(hover) correspond à un élément si le curseur de la souris est en train de survoler une ligne d'un arbre.
129 :-moz-tree-separator CSS, Non-standard, Pseudo-classe, Référence(2)
Cette pseudo-classe est activée via l'attribut properties .
130 :-moz-tree-twisty CSS, Non-standard, Pseudo-classe, Référence(2)
Cette pseudo-classe est activée via l'attribut properties .
131 :-moz-ui-invalid CSS, Non-standard, Pseudo-classe, Référence(2)
La pseudo-classe :-moz-ui-invalid représente n'importe quel élément de formulaire dont la valeur est invalide selon ses contraintes de validation.
132 :-moz-ui-valid CSS, Non-standard, Pseudo-classe, Référence(2)
La pseudo-classe :-moz-ui-valid représente n'importe quel élément de formulaire dont la valeur est valide selon ses contraintes de validation.
133 :-moz-user-disabled CSS, Non-standard, Pseudo-classe, Reference
La pseudo-classe CSS :-moz-user-disabled correspond aux  éléments représentant des images qui n'ont pas été chargées car elles ont été entièrement désactivées dans les préférences de l'utilisateur.
134 :-moz-window-inactive CSS, Non-standard, Pseudo-classe, Reference
La pseudo-classe :-moz-window-inactive, spécifique à Mozilla, correspond à n'importe quel élément qui se trouve sur une fenêtre inactive.
135 :-ms-input-placeholder CSS, Non-standard, Pseudo-classe, Référence(2)
La pseudo-classe :-ms-input-placeholder représente le texte d substitution d'un élément de formulaire. Elle permet aux auteurs et aux développeurs web d'adapter l'apparence des textes de substitution. Cette pseudo-classe est propriétaire et est uniquement prise en charge par Internet Explorer et Edge.
136 :-webkit-autofill CSS, Non-standard, Pseudo-classe, Reference
La pseudo-classe :-webkit-autofill correspond à un élément <input> lorsque sa valeur est remplie automatiquement par le navigateur.
137 ::-moz-color-swatch CSS, Non-standard, Pseudo-element, Reference
Le pseudo-élément ::-moz-color-swatch est un pseudo-élément spécifique à Mozilla qui représente la couleur sélectionnée d'un élément <input> avec type="color".
138 ::-moz-list-bullet CSS, Non-standard, Pseudo-element, Reference
Le pseudo-élément CSS non-standard ::-moz-list-bullet de Mozilla est utilisé pour appliquer un style aux puces des éléments d'une liste non ordonnée (autrement dit, pour un élément <li>) contenu dans un élément <ul>).
139 ::-moz-list-number CSS, Non-standard, Pseudo-element, Reference
Le pseudo-élément CSS ::-moz-list-number permet de personnaliser l'apparence des numéros des éléments de liste (<li>) au sein des listes numérotées (<ol>).
140 ::-moz-page CSS, Non-standard, Pseudo-element, Reference
Le pseudo-élément CSS ::-moz-page, spécifique à Mozilla, est appliqué aux pages individuelles dans les impressions ou les aperçus avant impression.
141 ::-moz-page-sequence CSS, Non-standard, Pseudo-element, Reference
Le pseudo-élément ::-moz-page-sequence, spécifique à Mozilla, représente l'arrière-plan du document lors de la prévisualisation avant une impression.
142 ::-moz-placeholder CSS, Non-standard, Pseudo-element, Reference
Le pseudo-élément ::-moz-placeholder représente n'importe quel élément de formulaire qui affiche un texte de substitution (placeholder).
143 ::-moz-progress-bar CSS, Non-standard, Pseudo-element, Reference
Le pseudo-élément ::-moz-progress-bar s'appliquant à la zone d'élément HTML <progress> représente la valeur de la progression effectuée jusqu'à présent. Vous pourrez par exemple, modifier la couleur de la barre de progression.
144 ::-moz-range-progress CSS, Non-standard, Pseudo-element, Reference
Le pseudo-élément ::-moz-range-progress représente la portion de la piste d'un élément <input> de type range, qui correspond aux valeurs inférieures à la valeur sélectionnée par le curseur.
145 ::-moz-range-thumb CSS, Non-standard, Pseudo-element, Reference
Le pseudo-élément ::-moz-range-thumb représente le curseur qui se déplace le long de la piste dans un élément <input> de type range et qui permet de modifier la valeur numérique associée.
146 ::-moz-range-track CSS, Non-standard, Pseudo-element, Reference
Le pseudo-élément ::-moz-range-track est un pseudo-élément spsécifique à Mozilla et représente la piste d'un élément <input> de type range.
147 ::-moz-scrolled-page-sequence CSS, Non-standard, Pseudo-element, Reference
Le pseudo-élément ::-moz-scrolled-page-sequence est un pseudo-élément spécifique à Mozilla et représente l'arrière-plan de la prévisualisation de l'impression.
148 ::-ms-browse CSS, Non-standard, Pseudo-element, Reference
Le pseudo-élément ::-ms-browse représente le bouton qui permet d'ouvrir l'explorateur de fichier d'un élément <input> de type file.
149 ::-ms-check CSS, Non-standard, Pseudo-element, Reference
Le pseudo-élément ::-ms-check est une extension Microsoft qui représente la marque visuelle d'un élément <input> de type="checkbox" or type="radio". Ce pseudo-élément n'est pas standard et est uniquement pris en charge par Internet Explorer et Edge.
150 ::-ms-clear CSS, Non-standard, Pseudo-element, Reference
Le pseudo-élément ::-ms-clear représente le bouton qui permet d'effacer la valeur saisie dans un champ <input>. Ce bouton et ce pseudo-élément ne sont pas standards et sont uniquement pris en charge par Internet Explorer 10, 11 et Edge. Le bouton est uniquement affichés pour les champs textuels <input> non-vides et qui ont le focus.
151 ::-ms-expand CSS, Non-standard, Pseudo-element, Reference
Le pseudo-élément ::-ms-expand représente le bouton contenu dans un élément <select> et qui permet d'ouvrir ou de fermer le menu déroulant qui propose les options (<option>). Il est généralement représenté par un triangle orienté vers le bas.
152 ::-ms-fill CSS, Non-standard, Pseudo-element, Reference
Toutes les propriétés autorisées (à l'exception de animation-name) s'appliquent sur une barre de progression dans un état déterminé. Seule animation-name s'applique sur une barre dans un état indéterminée. Les éléments <progress> dans un état indéterminés sont ceux qui n'ont pas d'attribut value, ils peuvent être sélectionnés grâce à la pseudo-classe :indeterminate.
153 ::-ms-fill-lower CSS, Non-standard, Pseudo-element, Reference
Le pseudo-élément ::-ms-fill-lower représente la portion de la piste d'un élément <input> de type range qui contient les valeurs inférieures à la valeur du curseur.
154 ::-ms-fill-upper CSS, Non-standard, Pseudo-élément(2), Référence(2)
Le pseudo-élément ::-ms-fill-upper représente la portion de la piste d'un élément <input> de type range qui contient les valeurs supérieures à la valeur du curseur.
155 ::-ms-reveal CSS, Microsoft, Non-standard, Pseudo-element, Reference
Le pseudo-élément ::-ms-reveal est un pseudo-élément spécifique à Microsoft qui est utilisé pour la représentation du bouton qui permet de révéler le mot de passe qui est généralement affiché juste après un élément <input type="password"> dans Internet Explorer 10+.
156 ::-ms-thumb CSS, Non-standard, Pseudo-element, Reference
Le pseudo-élément ::-ms-thumb est un pseudo-élément spécifique à Microsoft qui représente le curseur qui peut être déplacer le long de la piste d'un élément <input> de type range afin de modifier la valeur numérique associée.
157 ::-ms-ticks-after CSS, Microsoft, Non-standard, Pseudo-element, Reference, Web
Le pseudo-élément ::-ms-ticks-after est une extension Microsoft qui permet d'appliquer un ou plusieurs styles aux graduations d'une piste qui sont situées après le curseur (la piste est celle d'un contrôle <input type="range">). Pour une disposition avec une écriture de gauche à droite, les marques sont situées sous la piste. Pour une disposition avec une écriture de haut en bas, les marques sont situées à droite de la piste.
158 ::-ms-ticks-before CSS, Microsoft, Non-standard, Pseudo-element, Reference, Web
Le pseudo-élément ::-ms-ticks-before est une extension Microsoft qui permet d'appliquer un ou plusieurs styles aux graduations d'une piste qui sont situées avant le curseur (la piste est celle d'un contrôle <input type="range">). Pour une disposition avec une écriture de gauche à droite, les marques sont situées au-dessus de la piste. Pour une disposition avec une écriture de haut en bas, les marques sont situées à gauche de la piste.
159 ::-ms-tooltip CSS, Extension, Microsoft, Non-standard, Pseudo-element, Reference, Web
Le pseudo-élément ::-ms-tooltip est une extension Microsoft qui permet d'appliquer un ou plusieurs styles à la bulle d'information du curseur d'un élément <input type="range">.
160 ::-ms-track CSS, Non-standard, Pseudo-élément(2), Référence(2)
Le pseudo-élément ::-ms-track est un pseudo-élément spécifique à Microsoft qui permet de représenter la piste sur laquelle on peut déplacer le curseur d'un élément <input> de range.
161 ::-ms-value CSS, Non-standard, Pseudo-element, Reference
Le pseudo-élément ::-ms-value est un pseudo-élément spécifique à Microsoft qui permet d'appliquer des règles sur les éléments <input> ou <select>. Seules certaines propriétés peuvent être paramétrées via ce pseudo-élément, les règles agissant sur d'autres propriétés n'auront donc aucun effet.
162 ::-webkit-file-upload-button CSS, Non-standard, Pseudo-element, Reference
Le pseudo-élément ::-webkit-file-upload-button représente le bouton d'un élément <input> de type file.
163 ::-webkit-inner-spin-button CSS, Non-standard, Pseudo-element, Reference
Le pseudo-élément ::-webkit-inner-spin-button permet de mettre en forme la partie intérieure de la roulette qui permet de choisir la valeur d'un élément <input> de type number.
164 ::-webkit-input-placeholder CSS, Non-standard, Pseudo-element, Reference
Le pseudo-élément ::-webkit-input-placeholder représente le texte de substitution d'un formulaire. Il permet aux auteurs et aux développeurs d'adapter la mise en forme de ce texte de substitution. Ce pseudo-élément est uniquement pris en charge par WebKit et Blink.
165 ::-webkit-meter-bar CSS, Non-standard, Pseudo-element, Reference
Le pseudo-élément ::-webkit-meter-bar est un pseudo-élément spécifique à WebKit et permet de mettre en forme l'arrière-plan d'un élément <meter>.
166 ::-webkit-meter-even-less-good-value CSS, Non-standard, Pseudo-element, Reference
Le pseudo-élément ::-webkit-meter-even-less-good-value donne une couleur rouge à l'élément <meter> lorsque les valeurs de value et d'optimum sont dans des intervalles opposés (par exemple : value < low < high < optimum ou value > high > low > optimum).
167 ::-webkit-meter-inner-element CSS, Non-standard, Pseudo-element, Reference
Le pseudo-élément ::-webkit-meter-inner-element est un pseudo-élément qui permet de sélectionner et d'appliquer des styles au conteneur d'un élément <meter>.
168 ::-webkit-meter-optimum-value CSS, Non-standard, Pseudo-element, Reference
Le pseudo-élément ::-webkit-meter-optimum-value permet de mettre en forme l'élément <meter> lorsque la valeur de son attribut tombe dans l'intervalle haut. La couleur appliquée par défaut est le vert.
169 ::-webkit-meter-suboptimum-value CSS, Non-standard, Pseudo-element, Reference
Le pseudo-élément ::-webkit-meter-suboptimum-value donne une couleur jaune à l'élément <meter> lorsque la valeur de l'attribut est en dehors de l'intervalle haut des valeurs.
170 ::-webkit-outer-spin-button CSS, Non-standard, Pseudo-element, Reference
Le pseudo-élément ::-webkit-outer-spin-button peut être utilisé afin de mettre en forme la partie extérieure du sélecteur numérique utilisé pour les éléments <input> de type number.
171 ::-webkit-progress-bar CSS, Non-standard, Pseudo-élément(2), Référence(2)
Le pseudo-élément ::-webkit-progress-bar représente l'ensemble de la barre d'un élément <progress>. Normalement, celui-ci n'est visible que pour la partie de la barre qui n'est pas remplie car, par défaut, il est affiché sous le pseudo-élément ::-webkit-progress-value. C'est un pseudo-élément fils du pseudo-élément ::-webkit-progress-inner-element et c'est le pseudo-élément parent du pseudo-élément ::-webkit-progress-value.
172 ::-webkit-progress-inner-element CSS, Non-standard, Pseudo-element, Reference
Le pseudo-élément ::-webkit-progress-inner-element représente le cadre extérieur de l'élément <progress>. C'est un pseudo-élément parent du pseudo-élément ::-webkit-progress-bar.
173 ::-webkit-progress-value CSS, Non-standard, Pseudo-element, Reference
174 ::-webkit-scrollbar CSS, Non-standard, Pseudo-element, Reference
You can use the following pseudo elements to customize various parts of the scrollbar for webkit browsers:
175 ::-webkit-search-cancel-button CSS, Non-standard, Pseudo-element, Reference
Le pseudo-élément ::-webkit-search-cancel-button représente le bouton d'annulation présenté au bout d'un champ <input> de type search et qui permet d'effacer la valeur actuellement saisie dans l'élément <input>. Ce bouton et ce pseudo-élément ne sont pas standards et ne sont pris en charge que par WebKit et Blink. Ce bouton est uniquement affiché pour les éléments <input> qui ne sont pas vides.
176 ::-webkit-search-results-button CSS, Non-standard, Pseudo-element, Reference
Le pseudo-élément ::-webkit-search-results-button représente le bouton affiché sur le bord gauche d'un élément <input> de type "search" qui affiche un menu proposant les dernières recherches effectuées à l'utilisateur. Ce bouton et ce pseudo-élément ne sont pas standards et sont uniquement pris en charge par WebKit/Blink. Le bouton des résultats de recherche est uniquement affiché pour les éléments <input> qui possèdent un attribut results.
177 ::-webkit-slider-runnable-track CSS, Non-standard, Pseudo-element, Reference
Le pseudo-élément ::-webkit-slider-runnable-track représente la piste utilisée par un élément <input> de type "range" (cf. <input type="range">).
178 ::-webkit-slider-thumb CSS, Non-standard, Pseudo-élément(2), Référence(2)
Le pseudo-élément ::-webkit-slider-thumb représente le curseur que peut déplacer l'utilisateur le long de la piste d'un élément <input> de type "range" afin de modifier la valeur numérique associée.
179 ::after (:after) CSS, Disposition, Pseudo-element, Reference, Web
Nous allons ici créer deux classes : une pour les paragraphes ennuyeux et une pour les intéressants. Nous marquerons ensuite chacun de ces paragraphes en ajoutant un pseudo-élément après chacun d’eux.
180 ::backdrop CSS, Pseudo-element, Reference
Le pseudo-élément ::backdrop est une boîte de la taille de la zone d'affichage (viewport) qui est affichée immédiatement sous un élément lorsque ce dernier est affiché en plein écran. Cela correspond aux éléments passés en plein écran via l'API Fullscreen et aux éléments <dialog>.
181 ::before (:before) CSS, Pseudo-element, Reference
::before crée un pseudo-élément qui sera le premier enfant de l'élément sélectionné. Généralement utilisé pour ajouter du contenu esthétique à un élément via la propriété CSS content, c'est un élément de type en-ligne par défaut.
182 ::cue (:cue) CSS, Pseudo-element, Reference, WebVTT
Le pseudo-élément CSS ::cue permet de cibler les indications textuelles WebVTT d'un élément. Ce pseudo-élément peut être utilisé afin de mettre en forme les légendes et autres indications textuelles pour les médias avec des pistes VTT.
183 ::first-letter CSS, Pseudo-element, Reference
Le pseudo-élément ::first-letter sélectionne la première lettre de la première ligne d'un bloc, si elle n'est pas précédée par un quelconque autre contenu (comme une image ou un tableau en ligne) sur sa ligne.
184 ::first-line (:first-line) CSS, Pseudo-element, Reference
Le pseudo-élément ::first-line applique la décoration à la première ligne d'un élément. La quantité de texte sur la première ligne dépend de nombreux facteurs, comme la largeur des éléments ou du document, mais aussi de la taille du texte. Comme tous les pseudo-éléments, les sélecteurs contenant ::first-line ne ciblent pas un élément HTML réel.
185 ::grammar-error CSS, Experimental, Pseudo-element, Reference
Le pseudo-élément CSS ::grammar-error représente une portion de texte que le navigateur signale comme contenant une ou plusieurs erreurs de grammaire.
186 ::marker CSS, Experimental, Pseudo-element, Reference
Le pseudo-élément ::marker représente le marqueur d'un élément d'une liste (par exemple la puce ou le numéro de l'élément d'un élément <li>). Ce pseudo-élément ne fonctionne que pour les éléments ou pseudo-éléments pour lesquels display vaut list-item (par défaut c'est le cas des éléments <li> et <summary>).
187 ::placeholder CSS, Experimental, Pseudo-element, Reference
Le pseudo-élément ::placeholder représente le texte de substitution pour un élément de formulaire. Cela permet aux développeurs web de personnaliser l'apparence de ce texte.
188 ::selection CSS, Pseudo-element, Reference
Le pseudo-élément ::selection permet d'appliquer des règles CSS à une portion du document qui a été sélectionnée par l'utilisateur (via la souris ou un autre dispositif de pointage).
189 ::slotted() CSS, Pseudo-element, Reference, Web
Le pseudo-élément CSS ::slotted() représente ni'importe quel élément ayant été placé à l'intérieur d'un emplacement (slot) au sein d'un gabarit (template) HTML (cf. Utiliser les gabarits et les emplacements pour plus d'informations).
190 ::spelling-error CSS, Experimental, Pseudo-element, Reference
Le pseudo-élément ::spelling-error représente une portion de texte que le navigateur signale comme étant mal orthographiée.
191 :active CSS, Pseudo-classe, Reference
La pseudo-classe :active permet de cibler un élément lorsque celui-ci est activé par l'utilisateur. Elle permet de fournir un feedback indiquant que l'activation a bien été détectée par le navigateur. Lorsqu'on a une interaction avec un pointeur, il s'agit généralement du moment entre l'appui sur le pointeur et le relâchement de celui-ci.
192 :any() CSS, Experimental, Pseudo-classe, Reference
La pseudo-classe :any() vous permet de construire des ensembles de sélecteurs similaires en créant des groupes à partir desquels l'un des éléments sera activé. C'est une méthode alternative qui permet d'éviter de réécrire un sélecteur entier alors que seule une petite partie varie.
193 :any-link CSS, Experimental, Pseudo-classe, Reference
La pseudo-classe :any-link permet de représenter un élément qui agit comme la source de l'ancre d'un hyperlien (qu'il ait été visité ou non). Elle permet donc de cibler les éléments <a>, <area> ou <link> avec un attribut href. Autrement dit, elle cible les éléments qui correspondent à :link ou à :visited.
194 :blank CSS, Experimental, Pseudo-classe, Reference, Sélecteur
La pseudo-classe :blank correspond aux éléments qui n'ont aucun nœud enfant, aux nœuds texte vides ou aux nœuds texte ne possédant que des espaces.
195 :checked CSS, Pseudo-classe, Reference
La pseudo-classe :checked représente n'importe quel bouton radio (<input type="radio">), case à cocher (<input type="checkbox">) ou option (<option> d'un élément <select>) qui est coché ou activé (on). L'utilisateur peut modifier cet état en cliquant sur l'élément ou en sélectionnant une valeur différente auquel cas la pseudo-classe :checked ne s'applique plus à l'élément en question.
196 :default CSS, Pseudo-classe, Reference
La pseudo-classe :default représente un élément de l'interface utilisateur qui est l'élément par défaut parmi d'autres éléments semblables (par exemple le bouton par défaut d'un groupe de boutons).
197 :defined CSS, Pseudo-classe, Reference, Web
La pseudo-classe :defined représente n'importe quel élément ayant été défini. Cela inclut les éléments standards provenant du navigateur et également les éléments personnalisés (custom elements) ayant correctement été définis (c'est-à-dire grâce à la méthode CustomElementRegistry.define()).
198 :dir CSS, Experimental, Pseudo-classe, Reference
La pseudo-classe :dir permet de cibler un élément selon la direction du texte qu'il contient. En HTML, la direction est définie grâce à l'attribut dir. Pour les autres types de document, cela peut être déterminé autrement.
199 :disabled CSS, Pseudo-classe, Reference
La pseudo-classe :disabled permet de cibler un élément désactivé. Un élément est désactivé s'il ne peut pas être activé (sélectionné, cliqué ou saisi) ou s'il ne peut pas recevoir le focus de l'utilisateur. L'élément possède également un état activé dans lequel il peut être sélectionné ou recevoir le focus.
200 :empty CSS, Pseudo-classe, Reference
La pseudo-classe :empty correspond à un élément qui n'a aucun enfant. Seules les feuilles de l'arbre et le texte (espaces inclus) sont pris en compte. Les commentaires n'ont pas d'influence sur le contenu de l'élément (autrement dit, si un élément ne contient que des commentaires, il sera considéré comme vide).
201 :enabled CSS, Pseudo-classe, Reference
La pseudo-classe :enabled permet de cibler un élément activé. Un élément est activé s'il peut être sélectionné, si on peut cliquer dessus ou si on peut y saisir du texte ou y passer le focus (un élément peut également être dans un état désactivé).
202 :first CSS, Pseudo-classe, Reference
La pseudo-classe :first, liée à la règle @ @page décrit la mise en forme de la première page lors de l'impression d'un document.
203 :first-child CSS, Pseudo-classe, Reference
La pseudo-classe :first-child permet de cibler un élément qui est le premier élément fils par rapport à son élément parent.
204 :first-of-type CSS, Pseudo-classe, Reference
La pseudo-classe :first-of-type permet de cibler le premier élément d'un type donné parmi ceux d'un même élément parent (et de même niveau).
205 :focus CSS, Pseudo-classe, Reference
La pseudo-classe :focus permet de cibler un élément lorsque celui-ci reçoit le focus (soit il est sélectionné à l'aide du clavier, soit il est activé avec la souris comme par exemple le champ d'un formulaire).
206 :focus-visible CSS, Pseudo-classe, Reference, Web
La pseudo-classe :focus-visible s'applique lorsqu'un élément correspond à la pseudo-classe focus et que l'agent utilisateur détermine, via une heuristique, que le focus devrait être mis en évidence sur l'élément (la plupart des navigateurs affichent un contour en surbrillance par défaut).
207 :focus-within CSS, Pseudo-classe, Reference
La pseudo-classe :focus-within s'applique à tous les éléments pour lesquels la pseudo-classe :focus s'applique ainsi qu'à tous leurs éléments descendants, y compris ceux du Shadow DOM. Autrement dit, cette pseudo-classe s'applique lorsqu'un élément a reçu le focus via le clavier ou la souris (par exemple lorsqu'on clique sur un champ d'un formulaire).
208 :fullscreen CSS, Fullscreen API, Pseudo-classe, Reference
La pseudo-classe :fullscreen permet de cibler tout élément qui est en mode plein écran. Si plusieurs éléments ont été mis en plein écran, tout ces éléments seront ciblés.
209 :has CSS, Expérimental(2), Pseudo-classe, Référence(2)
La pseudo-classe :has() permet de cibler un élément si au moins un des sélecteurs passés en paramètre correspond à l'élément (selon la portée, :scope, de l'élément).
210 :host CSS, Pseudo-classe, Reference
La pseudo-classe :host permet de cibler l'hôte d'un shadow DOM contenant le CSS à utiliser pour cet hôte. Autrement dit, elle permet de sélectionner un élément personnalisé (custom element) depuis l'intérieur du shadow DOM.
211 :host() CSS, Pseudo-classe, Reference
La fonction de pseudo-classe :host() permet de sélectionner l'hôte du shadow DOM contenant le CSS à utiliser, uniquement si le sélecteur passé en argument correspond à l'élément hôte.
212 :host-context() CSS, Experimental, Pseudo-classe, Reference, Web
La pseudo-classe :host-context() est une fonction qui sélectionne l'hôte (shadow host) du shadow DOM qui contient le CSS utilisé à l'intérieur, uniquement si le sélecteur fourni en argument correspond à l'ancêtre de l'hôte selon l'arborescence du DOM.
213 :hover CSS, Pseudo-classe, Reference
La pseudo-classe :hover permet de spécifier l'apparence d'un élément au moment où l'utilisateur le survole avec le pointeur, sans nécessairement l'activer.
214 :in-range CSS, Pseudo-classe, Reference
La pseudo-classe :in-range cible un élément <input> lorsque sa valeur courante est comprise dans l'intervalle défini par les attributs min et max.
215 :indeterminate CSS, Pseudo-classe, Reference
La pseudo-classe :indeterminate permet de cibler un élément de formulaire dont l'état est indéterminé.
216 :invalid CSS, Pseudo-classe, Reference
La pseudo-classe :invalid cible tout élément <input> pour lequel la validation du contenu échoue par rapport au type de donnée attendu. Ceci permet de mettre en forme les champs non valides pour aider l'utilisateur à identifier et à corriger les erreurs.
217 :lang CSS, Pseudo-classe, Reference
La pseudo-classe :lang permet de définir la mise en forme d'un élément selon la langue dans laquelle il est écrit.
218 :last-child CSS, Pseudo-classe, Reference
La pseudo-classe :last-child permet de cibler un élément qui est le dernier enfant de son parent.
219 :last-of-type CSS, Pseudo-classe, Reference
La pseudo-classe :last-of-type cible un élément qui est le dernier enfant d'un type donné dans la liste des enfants de l'élément parent.
220 :left CSS, Pseudo-classe, Reference, Web
La pseudo-classe :left, liée à la règle @page, permet de cibler les pages de gauche lors d'une impression. Ceci permet de mettre en forme spécifiquement les pages de gauche.
221 :link CSS, Pseudo-classe, Reference
La pseudo-classe :link permet de sélectionner les liens à l'intérieur d'éléments. Elle sélectionnera tout lien n'ayant pas été visité, même ceux qui seraient déjà mis en forme via des sélecteurs utilisant d'autres pseudo-classes comme :hover, :active ou :visited.
222 :matches() (:any()) CSS, Experimental, Pseudo-classe, Reference, Web
223 :not CSS, Pseudo-classe, Reference
La pseudo-classe de négation, :not(), est une notation fonctionnelle qui prend un sélecteur comme argument. Elle permet de cibler les éléments qui ne sont pas représentés par cet argument. Le sélecteur passé en argument ne doit pas contenir d'autre sélecteur de négation et ne doit pas cibler de pseudo-élément.
224 :nth-child CSS, Pseudo-classe, Reference
La pseudo-classe :nth-child(an+b) permet de cibler un élément qui possède an+b-1 éléments voisins (au même niveau) avant lui dans l'arbre du document pour des valeurs entières n et qui possède un élément parent. Autrement dit, un sélecteur utilisant cette pseudo-classe permettra de cibler les éléments fils d'un élément dont les positions correspondent au motif an+b.
225 :nth-last-child CSS, Pseudo-classe, Reference
La pseudo-classe :nth-last-child permet de cibler les éléments qui possèdent an+b-1 nœud frères qui les suivent pour un même élément parent avec un indice n entier qui est incrémenté à partir de 0. Avec CSS3, il était nécessaire que l'élément ciblé ait un élément parent, cette restriction a été levée en CSS4.
226 :nth-last-of-type CSS, Pseudo-classe, Reference
La pseudo-classe :nth-last-of-type permet de cibler des éléments qui possèdent an+b-1 nœud frères étant les mêmes éléments à partir de la fin de l'arbre et qui ont le même élément parent (l'indice n sera incrémenté à partir de 0). Autrement dit, la pseudo-classe parcourra les éléments d'un type donné en partant de la fin de l'élément parent, selon le motif passé en argument.
227 :nth-of-type CSS, Pseudo-classe, Reference
La pseudo-classe :nth-of-type(an+b) permet de cibler des éléments qui possèdent an+b-1 frères étant les mêmes éléments dans l'arbre du document et partageant le même élément parent et avec n un entier incrémenté à partir de 0.
228 :only-child CSS, Pseudo-classe, Reference
La pseudo-classe :only-child représente n'importe quel élément qui est le seul enfant de son élément parent. Elle permet d'obtenir le même effet que :first-child:last-child ou :nth-child(1):nth-last-child(1), mais avec une spécificité inférieure.
229 :only-of-type CSS, Pseudo-classe, Reference
La pseudo-classe :only-of-type CSS permet de cibler un élément qui ne possède aucun nœud frère du même type pour un même élément parent (par exemple, sélectionner le seul élément <em> d'un <dd>).
230 :optional CSS, Pseudo-classe, Reference
La pseudo-classe :optional permet de cibler les éléments <input> ou <textarea>  pour lesquels l'attribut required n'est pas activé. Cela permet ainsi d'indiquer et de mettre en forme les champs facultatifs d'un formulaire.
231 :out-of-range CSS, Pseudo-classe, Reference
La pseudo-classe :out-of-range cible un élément <input> lorsque la valeur de son attribut value est en dehors de l'intervalle autorisé par les attributs min et max attributes. Ceci permet d'informer l'utilisateur que la valeur actuellement renseignée dans l'élément est hors des limites acceptables.
232 :placeholder-shown CSS, Experimental, Pseudo-classe, Reference
La pseudo-classe :placeholder-shown permet de représenter n'importe quel élément <input> ou <textarea> affichant un texte de substitution.
233 :read-only CSS, Pseudo-classe, Refrence
La pseudo-classe :read-only permet de cibler un élément que l'utilisateur ne peut pas modifier (l'élément est en lecture seule).
234 :read-write CSS, Pseudo-classe, Reference
La pseudo-classe :read-write permet de cibler un élément lorsque celui-ci peut être édité par l'utilisateur (par exemple les champs texte d'un formulaire).
235 :required CSS, Pseudo-classe, Reference
La pseudo-classe :required permet de cibler un élément <input> pour lequel l'attribut required est activé. Cela permet de mettre en forme les éléments obligatoires pour remplir correctement un formulaire.
236 :right CSS, Pseudo-classe, Reference
La pseudo-classe :right, liée à la règle @page, correspond aux pages de droite pour un média paginé. Ceci permet de mettre en forme les pages de droite.
237 :root CSS, Pseudo-classe, Reference
La pseudo-classe :root permet de cibler la racine de l'arbre représentant le document. Pour un document HTML, :root ciblera donc l'élément <html> et aura le même comportement que le sélecteur html mais sa spécificité sera plus forte.
238 :scope CSS, Experimental, Pseudo-classe, Reference
La pseudo-classe :scope correspond aux éléments qui sont un point de référence pour faire correspondre les sélecteurs.
239 :target CSS, Pseudo-classe, Reference
La pseudo-classe :target permet de cibler l'unique élément (s'il existe) dont l'attribut id correspond au fragment d'identifiant de l'URI du document.
240 :valid CSS, Pseudo-classe, Reference
La pseudo-classe :valid permet de cibler tout élément <input> ou <form> dont la validation du contenu s'effectue correctement par rapport au type de donnée attendu. On peut ainsi facilement mettre en forme les champs correctement remplis par l'utilisateur.
241 :visited CSS, Pseudo-classe, Reference
La pseudo-classe :visited permet de modifier l'aspect d'un lien après que l'utilisateur l'a visité. Pour des raisons relatives à la vie privée, les propriétés qui peuvent être utilisées sont restreintes.
242 &lt;angle&gt; CSS, Reference, Type
La type de données CSS <angle> permet de représenter des angles exprimés en degrés, radians, grades ou tours. Les angles positifs sont des angles allant dans le sens horaire et les valeurs négatives sont des angles allant dans le sens anti-horaire. Les angles sont par exemples utilisés pour les transformations CSS (transform) ou les dégradés (<gradient>).
243 &lt;basic-shape&gt; CSS, Reference, Type
Le type <basic-shape> permet de définir une forme simple en utilisant des fonctions et est notamment utilisé pour les propriétés clip-path, shape-outside ou offset-path.
244 &lt;blend-mode&gt; CSS, Reference, Type
Le type <blend-mode> est un ensemble de mots-clés qui permettent de décrire les différents modes de fusion (blend modes). Ce type de valeur est utilisé pour les propriétés background-blend-mode et mix-blend-mode.
245 &lt;color&gt; CSS, Reference, Type
Le type de données CSS <color> permet de représenter des couleurs dans l'espace de couleurs sRGB. Une couleur pourra être décrite de trois façons :
246 &lt;custom-ident&gt; CSS, Reference, Type
Le type de données CSS <custom-ident> permet de représenter des chaînes de caractères arbitraires définies par l'utilisateur et qui sont utilisées comme identifiants. Ce type de données est sensible à la casse et pour chaque contexte d'utilisation, plusieurs valeurs sont exclues afin d'éviter des ambiguïtés et des erreurs.
247 &lt;display-box&gt; CSS, Reference, Type de donnée
Ces mots-clés définissent si un élément génère des boîtes d'affichage ou aucune.
248 &lt;display-internal&gt; CSS, Reference, Type de donnée
Sauf mention contraire, le type d'affichage intérieur et extérieur sont définis simultanément par le mot-clé indiqué.
249 &lt;display-legacy&gt; CSS, Reference, Type de donnée
CSS 2 utilisant une syntaxe avec un seul mot-clé comme valeur pour la propriété display, il fallait plusieurs mots-clés pour les différentes variantes bloc/en ligne d'un même mode. Cette page décrit ces valeurs.
250 &lt;display-listitem&gt; CSS, Reference, Type de donnée
Le mot-clé list-item permet à un élément de générer un pseudo-élément ::marker  dont le contenu  est défini par les propriétés list-style (pour afficher une puce par exemple) avec une boîte principale du type indiquée pour organiser le contenu de l'élément.
251 &lt;filter-function&gt; CSS, Reference, Type
Le type de donnée <filter-function> représente un effet graphique qui peut modifier l'apparence d'une image. Il est notamment utilisé avec les propriétés filter et backdrop-filter.
252 blur() CSS, Filtre, Fonction, Reference
La fonction CSS blur() permet d'appliquer une flou gaussien sur l'image d'entrée. Le résultat de cette fonction est une valeur <filter-function>.
253 brightness() CSS, Filtre, Fonction, Reference
La fonction CSS brightness() applique un multiplicateur linéaire sur une image afin de la rendre plus claire ou plus sombre. Le résultat obtenu est une valeur de type <filter-function>.
254 contrast() CSS, Filtre, Fonction, Reference
La fonction CSS contrast() permet d'ajuster le contraste d'une image. Le résultat de cette fonction est une valeur de type <filter-function>.
255 drop-shadow() CSS, Fonction, Reference, Type
La fonction CSS drop-shadow() permet d'appliquer une ombre portée sur une image. Le résultat obtenu par cette fonction est une valeur <filter-function>.
256 grayscale() CSS, Filtre, Fonction, Reference
La fonction CSS grayscale() convertit une image en niveaux de gris. Le résultat de cette fonction est une valeur <filter-function>.
257 hue-rotate() CSS, Filtre, Fonction, Reference
La fonction CSS hue-rotate() permet d'appliquer une rotation de teinte sur une image. Le résultat de cette fonction est une valeur <filter-function>.
258 invert() CSS, Filtre, Fonction, Reference
La fonction CSS invert() permet d'inverser les couleurs de l'image. La valeur obtenue par cette fonction est de type <filter-function>.
259 opacity() CSS, Filtre, Fonction, Reference
La fonction CSS opacity() permet de modifier la transparence de l'image. Le résultat obtenu par cette fonction est une valeur <filter-function>.
260 saturate() CSS, Filtre, Fonction, Reference
La fonction CSS saturate() permet d'accentuer ou de réduire la saturation d'une image. La valeur obtenue par cette fonction est une valeur de type <filter-function>.
261 sepia() CSS, Filtre, Fonction, Reference
La fonction CSS sepia() convertit une image en sépia, lui donnant un aspect plus jaune/marron, voire vielli. Le résultat obtenu est une valeur de type <filter-function>.
262 url() CSS, Junk, Reference
La fonction url() permet d'utiliser un filtre SVG afin de modifier l'apparence d'une image.
263 &lt;flex&gt; CSS, Disposition, Experimental, Reference, Type de donnée CSS, Web
Le type de donnée CSS <flex> permet de représenter une longueur flexible à l'intérieur d'un conteneur en grille, qui est déclarée comme une dimension d'unité fr. Il est notamment utilisé pour les propriétés grid-template-columns, grid-template-rows ainsi que d'autres.
264 &lt;frequency&gt; CSS, Reference, Type
Le type de donnée CSS <frequency> permet de représenter des fréquences (par exemple la hauteur d'une voie). Ce type n'est actuellement utilisé pour aucune propriété CSS.
265 &lt;gradient&gt; CSS, Reference, Type
Le type de donnée CSS <gradient> permet de représenter une <image> contenant un dégradé entre deux ou plusieurs couleurs. Un dégradé CSS n'est pas une couleur CSS (type <color>) mais une image sans dimension intrinsèque (elle n'a aucune taille naturelle ou ratio), sa taille réelle sera celle de l'élément auquel elle est appliquée.
266 &lt;image&gt; CSS, Reference, Type
Le type de donnée CSS <image> représente une image en deux dimensions. Il existe deux types d'images en CSS : les images statiques (souvent utilisées via une URL (cf. <url>)), et les images générées dynamiquement comme les dégradés (cf.  <gradient>) ou les images construites à partir de fragments de l'arbre du DOM.
267 &lt;integer&gt; CSS, Reference, Type
Le type de donnée CSS <integer> permet de représenter des nombres entiers positifs ou négatifs. Aucune unité n'est liée à la valeur. Les entiers sont utilisés dans de nombreuses propriétés CSS comme z-index, line-height, counter-increment, column-count, grid-row, repeat. Ce type est un sous-type de number.
268 &lt;length&gt; CSS, Reference, Type, Type de donnée
Le type de données CSS <length> correspond à une mesure de distance.
269 &lt;number&gt; CSS, Reference, Type
Le type de donnée CSS <number> permet de représenter des nombres entiers ou décimaux. C'est donc un type qui englobe le type de données <integer> (permettant de représenter des entiers).
270 &lt;percentage&gt; CSS, Reference, Type
Le type de données CSS <percentage> représente une valeur exprimée en pourcentages. De nombreuses propriétés CSS utilisent des valeurs en pourcentages, la plupart du temps pour déterminer des tailles en fonction de la taille des éléments parent.
271 &lt;position&gt; CSS, Reference, Type
Le type de donnée CSS <position> définit une paire de coordonnées dans l'espace (bidimensionnel) afin de définir la position relative d'une boîte. La position finale obtenue, décrite par la valeur <position>, n'est pas nécessairement située à l'intérieur de la boîte de l'élément. Ce type de donnée est notamment utilisé avec la propriété background-position.
272 &lt;ratio&gt; CSS, Reference, Type
Une valeur de ce type se compose d'un entier strictement positif (type <integer>, suivi d'une barre oblique ('/', Unicode U+002F SOLIDUS) puis d'un second entier strictement positif (type <integer>). Il est possible d'avoir des espaces avant et après la barre oblique.
273 &lt;resolution&gt; CSS, Reference, Type
Le type de donnée CSS <resolution>, utilisé dans les media queries, décrit la densité de pixels d'un appareil d'affichage, c'est-à-dire sa résolution.
274 &lt;shape-box&gt; CSS, Référence(2), Type
Le type de donnée CSS <shape-box> permet de définir des formes relatives aux boîtes de l'élément (voir le modèle de boîtes), notamment pour la propriété shape-outside.
275 &lt;shape&gt; CSS, Déprécié, Reference, Type
Le type de donnée CSS <shape> permet de représenter des formes. Ces formes (ou régions) sont utilisées pour définir les parties d'un élément sur lesquelles des propriétés comme clip s'appliquent. Ce type de donnée a été déprécié pour être remplacé par <basic-shape>.
276 &lt;string&gt; CSS, Reference, Type
Le type de donnée CSS <string> représente une chaîne de caractères. En CSS, les chaînes de caractères sont présentes dans de nombreuses propriétés comme content, font-family et quotes.
277 &lt;time&gt; CSS, Reference, Type
Le type de donnée <time> indique des durées exprimées en secondes ou en millisecondes. Il est par exemple utilisé dans les propriétés animation, transition.
278 &lt;url&gt; CSS, Reference, Type
Le type de donnée CSS <url> représente un pointeur vers une ressource (cela peut être une image, une police de caractères). Ce type de données ne possède pas de syntaxe propre et ne peut être utilisé qu'avec la notation fonctionnelle url(). Il est utilisé avec de nombreuses propriétés telles que background-image, cursor, list-style, etc.
279 @charset CSS, Reference, Règle @
La règle @  @charset définit l'encodage des caractères utilisés dans la feuille de style. Cette règle doit être le premier élément de la feuille de style (aucun caractère ne doit être écrit avant). Cette règle ne fait pas partie des instructions imbriquées et ne peut donc pas être utilisée à l'intérieur des groupes conditionnels. Si plusieurs règles @charset sont définies, seule la première sera utilisée. Cette règle ne pourra pas être utilisée au sein d'un attribut style d'un élément HTML ou avec l'élément <style> car c'est l'encodage du document HTML qui est alors pris en compte.
280 @counter-style CSS, Reference, Règle @
La règle @ CSS @counter-style permet aux auteurs de définir des styles de compteurs qui ne font pas partie de l'ensemble des styles natifs prédéfinis. Une règle @counter-style explique comment convertir la valeur d'un compteur en une chaîne de caractères correspondantes.
281 additive-symbols CSS, Descripteur, Reference
Le descripteur additive-symbols, utilisé pour la règle @ @counter-style est semblable au descripteur symbols et permet à l'utilisateur de définir les symboles qui doivent être utilisé pour représenter le compteur lorsque le descripteur system prend la valeur additive. Le descripteur additive-symbols définit des tuples additifs. Un tuple additif est une paire contenant un symbole et un entier positif qui représente un poids. Le système additif est utilisé afin de construire des systèmes de notation additive tels que les nombres romains.
282 fallback CSS, Descripteur, Reference
Le descripteur fallback, associé à la règle @ @counter-style est utilisé afin d'indiquer un style de secours au cas où le style courant ne permet pas de créer une représentation pour le marqueur du compteur pour une valeur donnée. Si le style de secours indiqué ne le permet pas non plus, ce sera le style de secours du style de secours qui sera utilisé et ainsi de suite. Si un style de secours valide n'est pas indiqué, ce sera la valeur decimal qui sera utilisée. Les scénarios pour lesquels ce style de secours est utilisé sont :
283 negative CSS, Descripteur, Reference
Le descripteur negative, associé à la règle @ @counter-style, permet de définir la représentation du compteur lorsque la valeur est négative.
284 pad CSS, Descripteur, Référence(2)
Le descripteur pad, utilisé dans la règle @ @counter-style peut être utilisé pour que la représentation du marqueur pour le compteur ait une longueur minimale. Si la représentation du marqueur est plus courte que la longueur indiquée, le marqueur sera complété autant de fois que nécessaire avec le symbole indiqué. Les représentations du marqueur qui sont plus longues que la longueur minimale indiquée dans le descripteur sont construites normalement.
285 prefix CSS, Descripteur, Reference
Le descripteur prefix, utilisé avec la règle @ @counter-style, permet de définir un symbole qui sera ajouté comme préfixe à la représentation du marqueur. Si aucune valeur n'est fournie, la valeur utilisée par défaut sera la chaîne de caractères vide.
286 range CSS, Descripteur, Reference
Le descripteur range, associé à la règle @ @counter-style, permet de définir l'intervalle de valeurs pris en compte par le compteur personnalisé. Si la valeur du compteur de la liste est en dehors de cet intervalle, ce sera la mise en forme de secours qui sera utilisée pour représenter le marqueur du compteur. La valeur de range peut être auto ou une liste de majorants/minorants, séparés par des virgules.
287 speak-as CSS, Descripteur, Reference
Le descripteur speak-as, rattaché à la règle @ @counter-style, permet d'indiquer la représentation sonore du compteur qui doit être utilisée par l'agent utilisateur si nécessaire. Ainsi, on peut utiliser ce descripteur pour que le compteur soit énoncé comme un nombre ou avec un signal audio particulier.
288 suffix CSS, Descripteur, Reference
289 symbols CSS, Descripteur, Reference
Le descripteur symbols, rattaché à la règle @ @counter-style, est utilisé pour définir les symboles à utiliser pour construire les représentations du compteur. Un symbole peut être une chaîne de caractères, une image ou un identifiant.
290 system CSS, Descripteur, Reference
La descripteur system, utilisé avec la règle @ @counter-style, permet de définir l'algorithme utilisé pour convertir la valeur entière d'un compteur en une chaîne de caractères.
291 @document At-rule, CSS, Reference, Règle @
La règle CSS arobase @document restreint les règles qu'elle contient en fonction de l'URL du document. Elle est principalement conçue pour les feuilles de style utilisateur, bien qu'elle puisse être également utilisée pour les feuilles de style d'auteur.
292 @font-face CSS, Reference, Règle @
La règle @ @font-face permet de définir les polices d'écriture à utiliser pour afficher le texte de pages web. Cette police peut être chargée depuis un serveur distant ou depuis l'ordinateur de l'utilisateur. Si la fonction local() est utilisée, elle indique à l'agent utilisateur de prendre en compte une police présente sur le poste de l'utilisateur.
293 font-display CSS, Descripteur, Experimental, Reference
La propriété font-display détermine la façon dont une fonte est affichée selon qu'elle ait été chargée et prête à être utilisée.
294 font-family CSS, Descripteur, Reference
Le descripteur font-family permet aux auteurs d'un document de définir la police de caractères à utiliser au sein d'une règle @ @font-face.
295 font-style CSS, Descripteur, Reference
Le descripteur font-style, associé à la règle @ @font-face, permet d'indiquer le style de police pour la police définie via la règle.
296 font-variation-settings @font-face, CSS, Descripteur, Reference
Le descripteur font-variation-settings, associé à la règle @ @font-face permet d'indiquer les variations de police de bas niveau pour les polices OpenType ou TrueType.
297 src CSS, Descripteur, Reference
Le descripteur src, associé à la règle @ @font-face, permet de définir la ressource qui contient les données relatives à une police de caractères. Ce descripteur est obligatoire afin que la règle @font-face soit considérée comme valide.
298 unicode-range CSS, Descripteur, Experimental, Reference
Le descripteur unicode-range, associé à la règle @ @font-face, définit l'intervalle de caractères qui peuvent être représentés par cette police pour la page. Si la page n'utilise aucun caractère de cet intervalle, la police n'est pas téléchargée. Si, au contraire, elle utilise au moins un caractère appartenant à cet intervalle, toute la police est téléchargée.
299 @font-feature-values CSS, Reference, Règle @
La règle @ @font-feature-values permet aux auteurs d'utiliser un nom personnalisé dans une règle utilisant la propriété font-variant-alternates afin de régler finement les caractéristiques OpenType. Elle permet de simplifier les feuilles de style lorsqu'on utilise plusieurs polices.
300 @import CSS, Reference, Règle @
La règle @ @import est utilisée afin d'importer des règles à partir d'autres feuilles de style. Ces règles @ doivent être utilisées avant toutes les autres règles, à l'exception de @charset. @import n'est pas une instruction imbriquée et ne peut donc pas être utilisée à l'intérieur de groupe de règles conditionnelles.
301 @keyframes CSS, Reference, Règle @
La règle @ @keyframes permet aux auteurs de définir les étapes qui composent la séquence d'une animation CSS. Cela permet de contrôler une animation plus finement que ce qu'on pourrait obtenir avec les transitions.
302 @media CSS, Reference, Règle @
La règle @ @media permet d'associer un ensemble d'instructions imbriquées (délimité par des accolades) avec une condition définie par une requête média. La règle @media peut être utilisé au niveau le plus haut de la feuille de style et également à l'intérieur d'un groupe de règles conditionnel.
303 -moz-device-pixel-ratio @media, CSS, Caractéristique média, Déprécié, Non-standard
La caractéristique média -moz-device-pixel-ratio, associée à @media, est une caractéristique propre à Gecko et peut être utilisée pour appliquer certains styles en fonctions du nombres de pixels physiques par pixel CSS.
304 -moz-mac-graphite-theme @media, CSS, Caractéristique média, Non-standard
La caractéristique média -moz-mac-graphite-theme, rattachée à la règle @  @media, est spécifique à Gecko et peut être utilisée afin d'appliquer des styles si, sur macOS, l'utilisateur utilise le thème "Graphite".
305 -moz-maemo-classic @media, CSS, Caractéristique média, Non-standard
La caractérique média -moz-maemo-classic, rattachée à la règle @ @media, est spécifique à Gecko et permet d'appliquer des styles si l'agent utilisateur utilise le thème Maemo original.
306 -moz-os-version @media, CSS, Caractéristique média, Non-standard
La caractéristique média -moz-os-version, rattachée à la règle @ @media, est spécifique à Gecko et permet d'appliquer des styles en fonction de la version de Windows de l'utilisateur. Cela peut être utile afin d'adapter l'apparence d'une interface utilisateur en fonction de la version du système d'exploitation.
307 -moz-scrollbar-end-backward @media, CSS, Caractéristique média, Non-standard

Média : media/visual
Gestion des préfixes min/max : Non
308 -moz-scrollbar-end-forward @media, CSS, Caractéristique média, Non-standard

Média : media/visual
Gestion des préfixes min/max : Non
309 -moz-scrollbar-start-backward @media, CSS, Caractéristique média, Non-standard

Média : media/visual
Gestion des préfixes min/max : non
310 -moz-scrollbar-start-forward @media, CSS, Caractéristique média, Non-standard

Média : media/visual
Gestion des préfixes min/max : Non.
311 -moz-scrollbar-thumb-proportional @media, CSS, Caractéristique média, Non-standard

Média : media/visual
Gestion des préfixes min/max : Non
312 -moz-touch-enabled @media, CSS, Caractéristique média, Non-standard

Média : media/visual
Gestion des préfixes min/max : Non
313 -moz-windows-accent-color-in-titlebar @media, CSS, Caractéristique média, Non-standard
La caractéristique média -moz-windows-accent-color-in-titlebar, spécifique à Gecko et rattachée à la règle @ @media, peut-être utilisée afin d'appliquer des styles selon que les couleurs d'accentuation de Microsoft Windows pour les barres de titres sont activées ou non.
314 -moz-windows-classic @media, CSS, Caractéristique média, Non-standard

Média : media/visual
Gestion des prefixes min/max : non
315 -moz-windows-compositor @media, CSS, Caractéristique média, Non-standard

Média : media/visual
Gestion des préfixes min/max : non
316 -moz-windows-default-theme @media, CSS, Caractéristique média, Non-standard

Média : media/visual
Gestion des préfixes min/max : non
317 -moz-windows-glass @media, CSS, Caractéristique média, Non-standard
Média : media/visual
Gestion des préfixes min/max : non
318 -moz-windows-theme @media, CSS, Caractéristique média, Non-standard
La caractéristique média -moz-windows-theme, spécifique à Gecko et rattachée à la règle @ @media, permet de personnaliser les éléments d'interfaces afin que ceux-ci soient bien intégrés par rapport au thème Windows utilisé par l'utilisateur.
319 -ms-high-contrast @media, CSS, Caractéristique média, Non-standard, Reference
La caractéristique média -ms-high-contrast, relative à la règle @ @media, est une extension Microsoft qui décrit si l'application est affichée dans un mode de contraste élevé et, si c'est le cas, quelle est la variation de couleur affichée.
320 -webkit-animation CSS, Caractéristique média, Non-standard, Reference
-webkit-animation est une caractéristique média booléenne non-standard qui permet d'indiquer si les animationsCSS (animation) sont prises en charge dans leurs versions préfixées. Cette caractéristique est uniquement prise en charge par les navigateurs basés sur WebKit. L'alternative standard correspondante consiste à utiliser @supports.
321 -webkit-device-pixel-ratio CSS, Caractéristique média, Non-standard, Reference
-webkit-device-pixel-ratio est une caractéristique média non-standard, alternative à la caractéristique média standard resolution.
322 -webkit-transform-2d CSS, Caractéristique média, Non-standard, Reference
-webkit-transform-2d est une caractéristique média booléenne non-standard qui indique si les transformations CSS en 2D (cf. transform) préfixées sont prises en charge par le navigateur.
323 -webkit-transform-3d CSS, Caractéristique média, Non-standard, Reference
-webkit-transform-3d est une caractéristique média booléenne non-standard qui indique si les transformations CSS en 3D (cf. transform) préfixées sont prises en charge par le navigateur.
324 -webkit-transition CSS, Caractéristique média, Non-standard, Obsolete, Reference
-webkit-transition est une caractéristique média booléenne non-standard qui permet d'indiquer si les transitions CSS (transition) sont prises en charge dans leurs versions préfixées.
325 Index @media, CSS, Index
50 pages trouvées :
326 any-hover CSS, Caractéristique média, Reference
any-hover est une caractéristique média CSS qui permet de vérifier si un mécanisme de saisie/d'entrée permet à l'utilisateur de survoler les éléments.
327 any-pointer CSS, Caractéristique média, Reference
any-pointer est une caractéristique média CSS (cf. @media) qui peut être utilisée afin de déterminer si un des mécanismes de saisie/d'entrée disponibles est un dispositif de pointage et sa précision le cas échéant.
328 aspect-ratio CSS, Caractéristique média, Reference
aspect-ratio est une caractéristique média CSS dont la valeur correspond au ratio (<ratio>) entre la largeur et la hauteur de la zone d'affichage (viewport).
329 aural CSS, Déprécié, Obsolete, Reference
Un groupe de médias défini par les standards CSS.
330 color CSS, Caractéristique média, Reference
color est une caractéristique média CSS (cf. @media) dont la valeur est le nombre de bits par composante de couleur du périphérique de sortie, ou zéro si ce dernier ne gère pas les couleurs.
331 color-gamut CSS, Caractéristique média, Reference
color-gamut est une caractéristique média dont la valeur décrit l'intervalle approximatif des couleurs qui sont prises en charge par l'agent utilisateur et l'appareil responsable de l'affichage.
332 color-index CSS, Caractéristique média, Reference
color-index est une caractéristique média CSS (cf. @media) dont la valeur correspond au nombre d'entrées que comporte la palette de couleurs du périphérique de sortie, ou zéro si ce dernier n'en utilise pas.
333 device-aspect-ratio CSS, Caractéristique média, Déprécié, Reference
device-aspect-ratio est une caractéristique média (cf. @media) dont la valeur correspond au ratio entre la largeur et la hauteur de l'appareil d'affichage.
334 device-height CSS, Caractéristique média, Déprécié, Reference
device-height est une caractéristique média (cf. @media) dépréciée dont la valeur correspond à la hauteur de la surface de rendu pour l'appareil d'affichage.
335 device-width CSS, Caractéristique média, Déprécié, Reference
device-width est une caractéristique média dépréciée dont la valeur représente la largeur de la surface de rendu de l'appareil d'affichage.
336 display-mode CSS, Caractéristique média, Reference
display-mode est une caractéristique média CSS (cf. @media) qui permet d'appliquer différentes règles CSS selon le mode d'affichage de l'application. On pourra utiliser cette caractéristique afin qu'un utilisateur ait une expérience similaire selon qu'il lance le site depuis une URL ou depuis une icône sur un bureau.
337 grid CSS, Caractéristique média, Reference
La plupart des ordinateurs actuels possèdent des écrans matriciels. Parmi les appareils qui utilisent un affichage en grille, on trouve les appareils qui n'affichent que du texte dans un terminal ou des téléphones simples avec une seule police fixe.
338 height CSS, Caractéristique média, Reference
height est une caractéristique média CSS (cf. @media) dont la valeur représente la hauteur de la zone d'affichage (viewport) (ou de la boîte de page pour les média paginés).
339 hover CSS, Caractéristique média, Reference
hover est une caractéristique média CSS (cf. @media) qui permet de vérifier si le dispositif de saisie/d'entrée principal permet à l'utilisateur de survoler les éléments.
340 inverted-colors CSS, Caractéristique média, Reference
inverted-colors est une caractéristique média CSS (cf. @media) qui indique si l'agent utilisateur ou si le système d'exploitation sous-jacent inverse les couleurs.
341 light-level CSS, Caractéristique média, Reference
light-level est une caractéristique média CSS (cf. @media) qui permet de vérifier le niveau de luminosité ambiante.
342 monochrome CSS, Caractéristique média, Reference
monochrome est une caractéristique média CSS (cf. @media) qui peut être utilisée afin d'appliquer des styles en fonction du nombre de bits par pixel utilisés pour le tampon d'affichage monochrome de l'appareil.
343 orientation CSS, Caractéristique média, Reference
orientation est une caractéristique média CSS (cf. @media) qui peut être utilisée pour vérifier l'orientation de la zone d'affichage (viewport) (ou la boîte de la page pour les média paginés).
344 overflow-block CSS, Caractéristique média, Reference
overflow-block est une caractéristique média CSS qui indique la façon dont l'appareil d'affichage gère le contenu qui dépasse de la zone d'affichage (viewport) dans l'axe logique de bloc (c'est-à-dire le sens perpendiculaire au sens de lecture).
345 overflow-inline CSS, Caractéristique média, Reference
overflow-inline est une caractéristique média CSS (cf. @media) qui indique la façon dont l'appareil d'affichage gère le contenu qui dépasse de la zone d'affichage (viewport) dans l'axe logique en ligne (c'est-à-dire le sens correspondant au sens de lecture).
346 pointer CSS, Caractéristique média, Reference
pointer est une caractéristique média CSS (cf. @media) qui permet de vérifier si le dispositif de saisie/d'entrée principal est un dispositif de pointage et, le cas échéant, de connaître sa précision.
347 prefers-color-scheme CSS, Caractéristique média, Reference
La caractéristique média prefers-color-scheme permet de détecter les préférences exprimées par l'utilisateur quant au thème à utiliser (sombre ou clair).
348 prefers-reduced-motion @media, CSS, Caractéristique média, Reference
La caractéristique média prefers-reduced-motion détecte si l'utilisateur a demandé au système de minimiser la quantité d'animation ou de mouvement.
349 resolution CSS, Caractéristique média, Reference
resolution est une caractéristique média CSS dont la valeur représente la densité de pixels de l'appareil d'affichage.
350 scan CSS, Caractéristique média, Reference
scan est une caractéristique média CSS (cf. @media) qui peut être utilisée afin de déterminer le processus utilisé pour composer l'image sur l'appareil d'affichage.
351 scripting CSS, Caractéristique média, Reference
scripting est une caractéristique média CSS qui permet de savoir si les outils de script (ex. JavaScript) sont disponibles.
352 update CSS, Caractéristique média, Reference
update est une caractéristique média (cf. @media) qui permet de vérifier la vitesse à laquelle l'appareil d'affichage peut modifier l'apparence du contenu.
353 width CSS, Caractéristique média, Reference
width est une caractéristique média CSS (cf. @media) qui permet d'appliquer des styles différents en fonction de la largeur de la zone d'affichage (viewport) ou de la largeur de la page (pour les média paginés). La largeur est exprimée comme une longueur CSS (type <length>.
354 @namespace CSS, Reference, Règle @
@namespace est une règle @ qui définit les espaces de noms XML utilisés dans une feuille de style CSS. Les espaces de noms définis sont alors utilisés pour restreindre les sélecteurs universels, de type, et d'attribut afin que ceux-ci ne sélectionnent que les éléments contenus dans cet espace de nom. La règle @namespace est généralement utilisée lorsqu'on manipule des documents entremêlant différents espaces de noms (par exemple, un document HTML5 qui contient du SVG en ligne ou du MathML ou alors un fichier XML qui est composé de plusieurs vocabulaires).
355 @page CSS, Reference, Règle @
La règle @ @page est utilisée afin de modifier certaines propriétés CSS lorsqu'on imprime un document. La règle @page ne permet par de modifier toutes les propriétés mais uniquement celles qui portent sur les marges, les lignes orphelines et veuves ainsi que les sauts de page du document. Si on utilise cette règle @ pour modifier une autre propriété, ce changement sera ignoré.
356 bleed CSS, Descripteur, Experimental, Reference
Le descripteur bleed, associé à la règle @ @page, définit l'espace duquel le contenu peut dépasser de la boîte de la page. Ce descripteur aura un effet uniquement si le descripteur marks est utilisé pour afficher les marques de coupure.
357 marks CSS, Descripteur, Experimental, Reference
Le descripteur marks, associé à la règle @ @page, est utilisé pour afficher des marques de coupure (crop marks) ou des croix d'alignement (cross marks). Les marques de coupure sont utilisées pour massicoter les pages et les croix d'alignement sont utilisées afin d'aligner plusieurs feuilles entre elles.
358 size CSS, Descripteur, Experimental, Reference
Le descripteur size, associé à la règle @ @page, permet de définir les dimensions et l'orientation de la boîte utilisée pour représenter une page. La plupart du temps, cette taille correspondra à la totalité de la taille de la page imprimée.
359 @supports CSS, Reference, Règle @
@supports permet ainsi au moteur de rendu de tester la présence d'une fonctionnalité (on parle de feature query).
360 @viewport CSS, Reference, Règle @
La règle @ @viewport permet de configurer la zone d'affichage (le viewport en anglais) à travers laquelle le document est affiché. Cette règle est principalement utilisée pour les appareils mobiles mais aussi pour les navigateurs de bureau (par exemple Microsoft Edge qui gère la division de l'écran).
361 height @viewport, CSS, Descripteur, Reference
Le descripteur height, rattaché à la règle @ @viewport est un raccourci permettant de définir les deux descripteurs min-height et max-height.
362 max-height @viewport, CSS, Descripteur, Reference
Le descripteur max-height, rattaché à la règle @ @viewport, permet de définir la hauteur maximale de la zone d'affichage (viewport) d'un document.
363 max-width CSS, Descripteur, Reference
Le descripteur max-width, rattaché à la règle @ @viewport, permet de définir la largeur maximale de la zone d'affichage (viewport) d'un document. Par défaut, la largeur maximale de la zone d'affichage correspond à celle du viewport initial.
364 max-zoom CSS, Descripteur, Reference
Le descripteur max-zoom, rattaché à la règle @ @viewport, permet de définir le niveau de zoom maximal au-delà duquel le navigateur n'augmentera pas le niveau de zoom (que ce soit une action automatique ou une action de l'utilisateur).
365 min-height @viewport, CSS, Descripteur, Reference
Le descripteur min-height, rattaché à la règle @ @viewport, permet de définir la hauteur minimale de la zone d'affichage (viewport) d'un document.
366 min-width CSS, Descripteur, Reference
Le descripteur min-width, rattaché à la règle @ @viewport, permet de définir la largeur minimale de la zone d'affichage (viewport) d'un document.
367 min-zoom CSS, Descripteur, Reference
Le descripteur min-zoom, rattaché à la règle @ @viewport, permet de définir le niveau de zoom minimal en-dessous duquel le navigateur ne réduira pas le niveau de zoom (que ce soit une action automatique ou une action de l'utilisateur).
368 orientation CSS, Descripteur, Reference
Le descripteur orientation, rattaché à la règle @ @viewport, permet de définir l'orientation d'un document.
369 user-zoom CSS, Descripteur, Référence(2)
Le descripteur user-zoom, utilisé dans la règle @ @viewport, définit si l'utilisateur doit pouvoir modifier le niveau de zoom d'un document dans la zone d'affichage (viewport).
370 viewport-fit @viewport, CSS, Descripteur, Experimental, Reference
Le descripteur viewport-fit, associé à la règle @ @viewport contrôle la façon dont la zone d'affichage (viewport) d'un document recouvre l'écran.
371 width CSS, Descripteur, Reference
Le descripteur width, rattaché à la règle @ @viewport est un raccourci permettant de définir les deux descripteurs min-width et max-width.
372 zoom CSS, Descripteur, Reference
Le descripteur zoom, utilisé au sein de la règle @ @viewport, permet de définir le niveau de zoom initial d'un document.
373 Arrière-plans et bordures CSS CSS, Référence(2)
Les arrière-plans et bordures CSS forment un module CSS qui définit la façon dont les arrière-plans et les bordures des éléments sont décrits. Les bordures peuvent ainsi être des lignes ou des images et les boîtes peuvent avoir un ou plusieurs arrière-plan, des coins arrondis, des ombres.
374 Générateur de border-image CSS, Outil
Cet outil peut être utilisé afin de générer des valeurs pour la propriété border-image.
375 Générateur de border-radius CSS, Outil
Cet outil peut être utilisé afin de générer du code pour la propriété border-radius.
376 Générateur de box-shadow CSS, Outil
Cet outil visuel permet de construire des effets d'ombre et de générer du code pour la propriété box-shadow qui pourra être ajouté à votre feuille de style.
377 Autres ressources CSS
No summary!
378 CSS Backgrounds and Borders Aperçu, CSS, CSS Backgrounds and Borders, Reference
CSS Backgrounds and Borders est un module CSS qui permet de mettre en forme les bordures et arrière-plans des éléments. Les arrière-plans peuvent être dessinés avec une couleur ou une image, rognés, redimensionnés voire modifiés. Les bordures peuvent être décorées avec des lignes, des images, former des angles droits ou des angles courbes. Il est également possible de décorer les boîtes des éléments avec des ombres.
379 Mettre à l'échelle des images en arrière-plan CSS, Guide, Intermédiaire, Reference
La propriété CSS background-size permet d'ajuster la taille des images utilisées en arrière-plan et de remplacer le comportement par défaut qui consiste à créer un carrelage de l'image à sa pleine grandeur. Il est ainsi possible d'agrandir ou de rapetisser l'image.
380 Utiliser plusieurs arrière-plans CSS, Guide, Reference
Pour cela, il suffit simplement d'utiliser une liste de valeur avec background :
381 CSS Basic User Interface Aperçu, CSS, CSS Basic User Interface, Overview, Reference
CSS Basic User Interface est un module de la spécification CSS qui décrit les fonctionnalités et le rendu associés aux fonctionnalités de l'interface utilisateur.
382 CSS Box Alignment Alignement, CSS, Guide
Le module de spécification CSS Box Alignment (alignement des boîtes en CSS) décrit les fonctionnalités relatives à l'alignement des boîtes pour les différents modes de disposition CSS : disposition en bloc, en tableau, disposition flexible et disposition en grille. L'objectif de ce module est d'obtenir des méthodes d'alignement cohérentes pour tout CSS. Dans ce guide, nous verrons les différents concepts utilisés par cette spécification.
383 L'alignement des boîtes avec Flexbox CSS, Guide, flexbox
Le module de spécification Box Alignment détaille le fonctionnement de l'alignement selon les différentes méthodes de disposition. Dans cet article, nous verrons comment fonctionne l'alignement des boîtes avec les boîtes flexibles (flexbox). Cette page détaille les aspects spécifiques relatifs à l'alignement et aux boîtes flexibles. Pour une description générale des fonctionnalités communes pour les différentes dispositions, voir la page principale sur cette spécification.
384 L'alignement des boîtes avec une disposition en colonnes CSS, Guide
Le module de spécification Box Alignment détaille le fonctionnement de l'alignement selon les différentes méthodes de disposition. Dans cet article, nous verrons comment fonctionne l'alignement des boîtes avec une disposition multi-colonnes. Cette page détaille les aspects spécifiques relatifs à l'alignement et au module Multi-Column Layout. Pour une description générale des fonctionnalités communes pour les différentes dispositions, voir la page principale sur cette spécification.
385 L'alignement des boîtes avec une grille CSS CSS, CSS Grid, Grilles CSS, Guide
Le module de spécification Box Alignment détaille le fonctionnement de l'alignement selon les différentes méthodes de disposition. Dans cet article, nous verrons comment fonctionne l'alignement des boîtes avec les grilles CSS. Cette page détaille les aspects spécifiques relatifs à l'alignement et aux grilles. Pour une description générale des fonctionnalités communes pour les différentes dispositions, voir la page principale sur cette spécification.
386 L'alignement des boîtes pour les dispositions : en bloc, absolue, en tableau CSS, Guide
Le module de spécification Box Alignment détaille le fonctionnement de l'alignement selon les différentes méthodes de disposition. Dans cet article, nous verrons comment fonctionne l'alignement des boîtes dans une disposition en bloc, y compris pour les éléments flottants, les éléments positionnés et les tableaux. Cette page détaille les aspects spécifiques relatifs à l'alignement et à la disposition en bloc. Pour une description générale des fonctionnalités communes pour les différentes dispositions, voir la page principale sur cette spécification.
387 CSS Color Aperçu, CSS, CSS Colors, Couleurs, Overview, Reference
CSS Color est un module des spécifications CSS qui décrit la gestion des couleurs, les types de donnée associés, la fusion des couleurs et la gestion de l'opacitié. Ce module ne contient pas l'ensemble des propriétés CSS qui prennent une valeur de type <color>, toutefois, ces propriétés dépendent des notions et règles définies dans cette spécification.
388 CSS Compositing and Blending Aperçu, CSS, Compositing and Blending, Reference
CSS Compositing and Blending (ou module de composition et de mélange CSS) est un module CSS qui définit comment les formes des différents éléments sont combinées en une unique image.
389 CSS Conditional Rules Aperçu, CSS, CSS Conditional Rules, Reference
CSS Conditional Rules (ou règles conditionnelles CSS) est un module CSS qui permet de définir un ensemble de règles qui ne s'appliqueront qu'en fonction des capacités du processeur ou du document auquel la feuille de styles est appliquée.
390 CSS Counter Styles Aperçu, CSS, CSS Counter Styles, Reference
CSS Counter Styles est un module CSS qui permet de définir ses propres styles pour les compteurs utilisés dans les listes numérotées.
391 CSS Custom Properties for Cascading Variables Aperçu, CSS, CSS Variables, Reference
No summary!
392 CSS Device Adaptation CSS, Reference
CSS Device Adapation est un module CSS qui permet de définir les dimensions, le facteur d'agrandissement et l'orientation de la zone d'affichage (viewport).
393 CSS Display Aperçu, CSS, CSS Display, Reference
L'affichage CSS (CSS Display) est un module CSS qui définit la façon dont l'arbre des boîtes pour la mise en forme est généré à partir de l'arbre des éléments du document et qui définit les propriétés qui le contrôlent.
394 CSS Flow Layout CSS, CSS Flow Layout, Reference
Par exemple, pour un document français, les éléments en ligne sont affichés les uns à la suite des autres de gauche à droite et les éléments de bloc sont affichés les uns en dessous des autres.
395 Disposition de bloc et en ligne avec le flux normal CSS, Guide, Intermédiaire
Dans ce guide, nous verrons le comportement des éléments de bloc et des éléments en ligne lorsqu'ils sont placés dans le flux normal.
396 Disposition de flux et modes d'écriture CSS, Guide, Mode d'écriture
La spécification CSS 2.1, qui décrit le comportement classique du flux normal, prend l'hypothèse d'un mode d'écriture horizontal. Les propriétés liées à la disposition devraient fonctionner de façon identique pour les modes d'écritures verticaux. Dans ce guide, nous verrons comment le flux normal se comporte selon les différents modes d'écriture.
397 Explications quant aux contextes de formatage CSS, Guide, Intermédiaire
L'élément html définit le contexte de formatage de bloc initial pour la page. Cela signifie que tous les éléments contenus dans <html></html> s'organisent selon le flux normal en suivant les règles de la disposition de bloc et en ligne. Les élméents qui participent à un contexte de formatage de bloc (Block formatting context ou BFC en anglais) utilisent les règles décrites par le modèle de boîte CSS qui définit la façon dont les marges, bordures et zones de remplissage (padding) d'un élément interagissent avec les autres blocs du même contexte.
398 La disposition en flux et le dépassement CSS, Guide, Intermédiaire
Lorsque le conteneur est trop petit pour son contenu, on obtient une situation de dépassement. Le comportement du dépassement est importante dès qu'on manipule des objets CSS dont la taille est contrainte. Dans ce guide, nous verrons le fonctionnement du dépassement avec le flux normal.
399 Être ou ne pas être dans le flux CSS, Guide, Intermédiaire
Dans l'exemple qui suit, on a un titre, un paragraphe, une liste puis un paragraphe final qui contient un élément strong. Le titre et les paragraphes sont des éléments de blocs et l'élément strong est un élément en ligne. La liste est affichée en utilisant les boîtes flexibles afin d'avoir les éléments de la liste sur une même ligne mais cette liste contribue bien à la disposition en ligne et en bloc car le conteneur a un type display externe qui vaut block.
400 CSS Fonts Aperçu, CSS, CSS Fonts, Reference
CSS Fonts est un module CSS qui définit des propriétés relatives aux polices de caractères et la façon dont les ressources des polices sont chargées. Il permet de définir le style d'une police, comme sa famille, sa taille ou sa graisse ainsi que la variante du glyphe à utiliser dans le cas des polices disposant de plusieurs glyphes par caractère. Il permet également de définir la hauteur d'une ligne.
401 Guide des caractéristiques de police OpenType CSS, Fonts, Guide, Polices
Les caractéristiques de police ou variantes font référence à différents glyphes ou styles de caractère contenus dans une police OpenType. Cela inclut notamment les ligatures (des caractères spéciaux qui permettent de combiner des caractères entre eux comme œ qui est la ligature entre o et e), le crénage (kerning en anglais) qui définit l'espacement entre certaines lettres, les fractions et styles numériques, etc. Toutes ces caractéristiques sont des caractéristiques OpenType Features et peuvent être utilisées sur le Web grâce à certaines propriétés spécifiques qui permettent un contrôle de bas niveau comme font-feature-settings. Dans cet article, nous verrons tout ce qu'il faut savoir pour manipuler les caractéristiques OpenType avec  CSS.
402 Guide des polices variables CSS, Fonts, Guide, Polices
Les polices variables sont une évolution de la spécification OpenType et qui permet d'activer différentes variations d'une police dans un seul fichier plutôt que d'avoir différents fichiers pour chaque taille, graisse ou style. En CSS, on peut accéder à l'ensemble des variations en utilisant une seule référence @font-face. Dans cet article, nous verrons tout ce qu'il faut savoir pour commencer à utiliser les polices variables.
403 CSS Fragmentation Aperçu, CSS, CSS Fragmentation, NeedsContent, Reference
CSS Fragmentation est un module CSS qui décrit la façon dont le contenu est divisé (fragmenté) entre plusieurs pages, régions ou colonnes.
404 CSS Generated Content Aperçu, CSS, CSS Generated Content, Reference
CSS Generated Content est un module CSS qui définit comment ajouter du contenu à un élément.
405 CSS Images Aperçu, CSS, CSS Images, Reference
CSS Images est un module CSS qui définit les types d'images qui peuvent être utilisés (le type <image>, les URLs qu'elles contiennent, les dégradés et autres types d'images), comment les redimensionner et comment elles, ainsi que le contenu remplacé, interagissent avec les différents modèles de mise en page.
406 Les sprites CSS Avancé, CSS, Guide
Les sprites sont utilisées dans de nombreuses applications web où de multiples images sont utilisées. Au lieu d'avoir une image par fichier, on économise de la bande passante et de la mémoire en les envoyant toute dans le même fichier, ainsi, le nombre de requêtes HTTP diminue.
407 Utilisation de dégradés CSS Avancé, CSS, Guide
Les dégradés CSS sont représentés par le type de donnée <gradient> qui est un sous-ensemble du type <image>. L'utilisation de dégradés CSS permet d'afficher des transitions douces entre deux couleurs ou plus. Il existe deux sortes de degradés : les dégradés linéaires (cf. linear-gradient et les dégradés radiaux (cf. radial-gradient).
408 CSS Layout cookbook CSS, Guide, recettes
Le livre de recettes CSS vise à illustrer différents motifs qu'on retrouve fréquemment sur le Web et qu'on pourrait souhaiter implémenter pour son propre site. En plus de fournir du code qui peut servir de point de départ, ces recettes mettent en avant les différents outils et dispositions qui peuvent être utilisées et les choix à effectuer lors du développement.
409 Bas de page adhérant CSS, Guide, Recette
Un bas de page adhérant est un motif où le bas de page reste en bas de la zone d'affichage (viewport) lorsque le contenu est moins haut que la zone d'affichage. Dans cet article, nous verrons quelques techniques pour parvenir à ce résultat.
410 Carte CSS, CSS Grid, Guide, Recette
Dans ce guide, nous verrons comment créer des cartes (cards en anglais), disposant éventuellement d'un pied de page, qui peuvent être organisée en listes.
411 Centrer un élément Alignement, CSS, Layout, centrer, flexbox, recettes
Comment centrer une boîte dans une autre boîte ? Centrer à la fois horizontalement et verticalement était difficile avant l'arrivée de flexbox, mais c'est désormais beaucoup plus simple grâce aux propriétés du module Box Alignment.
412 Contribuer à une recette CSS, Guide, MDN, Meta
Si vous souhaitez contribuer en ajoutant une recette à celles présentées dans cette section de MDN, nous vous expliquons ici quelles étapes suivre pour que vos exemples soient publiés.
413 Cookbook template CSS, Meta
Une description du problème qu'on souhaite résoudre ou du motif qu'on illustre avec cette recette.
414 Disposition en colonnes CSS, Guide, Multi-col, flexbox, grid
Vous aurez souvent à créer des dispositions organisées en colonnes. CSS fournit différentes méthodes pour parvenir à de telles dispositions. Les grilles CSS ou les boîtes flexibles ou encore les dispositions multi-colonnes peuvent être utilisées et choisir l'une de ces méthodes dépend de ce que l'on veut obtenir. Dans ce guide, nous verrons ces différentes options.
415 Envelopper une grille CSS, Guide, Recette
Ce motif permet d'aligner le contenu d'une grille au centre grâce à un élément qui l'enveloppe. On peut également choisir quels éléments aligner au centre et lesquels adosser aux côtés.
416 Fil d'Ariane (breadcrumb) CSS, Navigation
La navigation avec un fil d'Ariane (breadcrumb) permet à un utilisateur de comprendre l'emplacement auquel il se trouve au sein du site web en fournissant un fil d'Ariane qui permette de revenir à la page de départ.
417 Liste de groupes avec indicateurs CSS, Guide, Intermédiaire
Dans cet article, nous verrons comment créer une liste de groupes dont chaque élément possède un compteur sous la forme d'un indicateur (badge).
418 Navigation segmentée CSS, Navigation, flexbox
Une barre de navigation divisée consiste en un ou plusieurs éléments de navigation séparés des autres éléments de navigation.
419 Objets avec média CSS, Guide, Recette
420 Pagination CSS, Guide, Recette, flexbox
Dans cette recette, nous verrons comment utiliser une méthode de navigation où l'utilisateur peut passer d'une page à une autre pour un ensemble donné via les numéros de ces pages (généralement affichés en bas de page).
421 CSS Lists CSS, Reference
CSS Lists (listes CSS) est un module CSS qui définit la façon dont les listes sont mises en forme, comment des styles peuvent être appliqués aux marqueurs.
422 Compteurs CSS Avancé, CSS, Guide
Les compteurs CSS sont des variables dont les valeurs sont incrémentées par les règles CSS et qui permettent de savoir combien de fois elles sont utilisées. Cela permet par exemple d'adapter la mise en forme du contenu en fonction de son emplacement dans le document. Les compteurs CSS sont une implémentation du module Automatic counters and numbering de CSS 2.1.
423 Indentation homogène des listes CSS, Guide, Intermédiaire
La modification la plus fréquemment apportée sur une liste concerne la distance d'indentation (autrement dit, la distance de laquelle les éléments sont décalés vers la droite). Ce point peut être source de frustration car les navigateurs se comportent différemment à ce sujet. Ainsi, si on déclare une liste sans marge à gauche, elles sont déplacées Internet Explorer mais restent obstinément à la même place dans les navigateurs Gecko.
424 CSS Logical Properties Aperçu, CSS, CSS Logical Properties, Reference
CSS Logical Properties (les propriétés logiques CSS) est un module CSS qui définit une correspondance logique vers les propriétés physiques de contrôle de la mise en page selon le sens de lecture et l'orientation du texte. On aura deux directions logiques : block et inline, perpendiculaires, qui dépendent du sens de l'orientation du document.
425 CSS Masks Aperçu, CSS, CSS Masking, Reference
No summary!
426 CSS Miscellaneous Aperçu, CSS, Reference
Cette page regroupe des propriétés CSS qui sont hautement expérimentales ou qui ne rentrent dans aucune autre catégorie.
427 CSS Namespaces Aperçu, CSS, CSS Namespaces, Reference
No summary!
428 CSS Pages Aperçu, CSS, CSS Paged Media, Reference
Les média paginés CSS (ou CSS Paged Media en anglais) est un module CSS qui définit la façon dont sont gérés les sauts de page ainsi que les veuves et orphelines.
429 CSS Positioning Aperçu, CSS, CSS Positioned Layout, Reference
CSS Positioned Layout (ou module CSS de disposition positionnée) est un module CSS qui définit comment positionner des éléments sur une page.
430 Comprendre z-index en CSS Avancé, CSS, Guide
Généralement, les pages HTML sont vues comme des objets en deux dimensions et le texte, les images et les autres éléments sont disposés sans se chevaucher. Il y a un seul flux de rendu, et tous les éléments connaissent la place occupée par les autres.
431 Ajouter z-index Avancé, CSS, Guide, z-index
Cette propriété, dont l'attribut est une valeur entière (positive ou négative), représente la position de l'élément le long de l'axe Z. Pour se représenter cette notion, on peut imaginer que la page possède plusieurs couches, les unes au dessus des autres. Chaque couche est numérotée. Un couche avec une grande valeur de z-index est affichée par dessus toutes celles dont la valeur est inférieure à la sienne.
432 Empilement et éléments flottants Avancé, CSS, Contextes d’empilement, Guide, Ordre d’empilement, float, z-index
Pour les blocs flottants, l'ordre d'empilement est légèrement différent. Les blocs flottants sont disposés entre les blocs non positionnés et les blocs positionnés. Voici l'ordre d'empilement :
433 Empilement sans z-index Avancé, CSS, Guide, z-index
Lorsqu’aucun élément n'a de z-index définis, tous les éléments sont empilés dans cet ordre (de bas en haut) :
434 Exemple d'empilement 1 Avancé, CSS, Guide
Commençons par un exemple simple, dans le contexte d'empilement racine nous avons deux blocs DIV (DIV #1 et DIV #3), tout deux positionnés relativement, mais sans propriété z-index. Dans le bloc DIV #1 il y a un bloc DIV #2 en position absolue, alors que dans le bloc DIV #3 il y a un bloc DIV #4 en position absolue, tout deux également sans propriété z-index.
435 Exemple d'empilement 2 Avancé, CSS, Guide
Ce deuxième exemple est très simple, mais il est essentiel à la compréhension du concept de contexte d'empilement. Nous avons les 4 mêmes blocs que l'exemple précédent, mais maintenant, nous appliquons des propriétés z-index aux deux niveaux de la hiérarchie.
436 Exemple d'empilement 3 Avancé, CSS, Guide
Ce dernier exemple illustre les problèmes qui peuvent survenir lorsqu'on utilise des éléments positionnés dans une hiérarchie HTML à plusieurs niveaux et lorsque des z-index sont assignés à l'aide de sélecteurs de classe.
437 L'empilement de couches Avancé, CSS, Guide, z-index
Dans l'exemple précédent, Ajout de z-index, les blocs DIV sont rendus les uns au dessus des autres (de l'arrière vers l'avant), en commençant par celui dont la valeur de z-index est la plus faible et en finissant par celui dont la valeur de z-index est la plus forte. Dans cet exemple, il n'y a qu'un seul contexte d'empilement, qui est l'élément HTML racine de la page.
438 CSS Ruby Aperçu, CSS, CSS Ruby, Reference, Ruby
CSS Ruby Layout est un module CSS qui fournit des propriétés de contrôle pour le rendu et la mise en forme des annotations Ruby utilisées dans les documents d'Asie orientale afin d'indiquer la prononciation ou d'annoter le texte de base.
439 CSS Scroll Snap CSS, CSS Scroll Snap, Reference, Vue d'ensemble
CSS Scroll Snap est un module de spécification CSS qui introduit les positions d'accroche lors du défilement. Cela permet de garantir la position sur laquelle on arrive après avoir fait défilé du contenu.
440 CSS Scroll Snap Points Aperçu, CSS, CSS Scroll Snap Points, Déprécié, Reference
No summary!
441 CSS Scrollbars Aperçu, CSS, css scrollbars
Le module de spécification CSS Scrollbars standardise la mise en forme des barres de défilement (scrollbar) notamment introduite en 2000 avec Windows IE 5.5.
442 CSS Shapes Aperçu, CSS, CSS Shapes, Reference
Dans l'exemple qui suit, on a une image qui flotte à gauche et la propriété shape-outside qui lui est appliquée vaut circle(50%). Ceci crée une forme circulaire autour de laquelle le contenu peut s'inscrire. Les boîtes des lignes pour le texte qui entourent l'image sont donc modifiées.
443 Aperçu des formes CSS Aperçu, CSS, CSS Shapes, Formes CSS
La spécification CSS Shapes Level 1 définit les formes géométriques en CSS. Pour ce module de niveau 1, ces formes s'appliquent aux éléments qui utilisent une disposition flottante. Dans cet article, nous verrons un aperçu de ce qu'il est possible de faire avec les formes en CSS.
444 Créer des formes à partir des boîtes Boîtes, CSS, CSS Shapes, Formes CSS, Guide
Une méthode permettant de créer des formes consiste à utiliser les valeurs provenant du modèle de boîte CSS. Dans cet article, nous verrons comment les utiliser.
445 Formes simples CSS, CSS Shapes, Guide
Les formes CSS peuvent être définies grâce au type <basic-shape>. Dans ce guide, nous verrons les différentes valeurs utilisables avec ce type et leur fonctionnement. Ces formes peuvent par exemple décrire des cercles simples voire des polygones complexes.
446 Générer des formes avec des images CSS, Formes CSS, Guide
Dans ce guide, nous allons voir comment créer une forme à partir d'une image, que ce soit un fichier avec un canal alpha ou un dégradé CSS. Grâce aux images, on peut suivre une forme complexe sans avoir à dessiner de polygone. On peut créer la forme à partir d'un éditeur graphique et utiliser le contour de cette image formé par la ligne des pixels moins opaques qu'un seuil donné.
447 CSS Table CSS, Référence(2)
CSS Table (ou module des tableaux CSS) est un module CSS qui définit comment disposer les données de tableaux.
448 CSS Text Aperçu, CSS, CSS Text, Reference
CSS Text (ou module texte de CSS) est un module CSS qui définit comment effectuer des manipulations de texte, comme les coupures de mots, la justification et l'alignement, la gestion des espaces et les transformations de texte.
449 CSS Text Decoration CSS, Reference
CSS Text Decoration (ou module des décorations textuelles CSS) est un module CSS qui définit les caractéristiques relatives à la décoration du texte, comme le soulignage, les ombres et les marques d'emphase.
450 CSS Transforms Aperçu, CSS, CSS Transforms, Reference
Le module CSS Transforms (ou module des transformations CSS) est un module de la spécification CSS qui définit comment les éléments mis en forme avec CSS peuvent être transformés dans un espace à deux ou à trois dimensions.
451 Utilisation des transformations CSS 3D, Avancé, CSS, Guide, Mise à l'échelle, Scale, Transformations CSS, perspective, rotation
En modifiant l'espace des coordonnées, les transformations CSS permettent de changer la position d'un contenu affecté sans perturber le flux normal. Elles sont implémentées en utilisant un ensemble de propriétés CSS qui vous permettre d'appliquer des transformations affines aux éléments HTML. Ces transformations incluent la rotation, l'inclinaison et la translation à la fois dans le plan ou dans un espace 3D.
452 CSS User Interface Aperçu, CSS, CSS Basic User Interface, Reference
CSS Basic User Interface (ou module sur les interfaces utilisateur) est un module CSS qui permet de définir le rendu et les fonctionnalités des caractéristiques relatives à l'interface utilisateur.
453 Utilisation d'URL pour la propriété cursor CSS, Débutant, Guide
Gecko 1.8 ((Firefox 1.5 / Thunderbird 1.5 / SeaMonkey 1.0) prend en charge des valeurs d'URL pour manipuler la propriété cursor. Ceci permet de définir des images arbitraires comme curseurs de souris — n'importe quel format d'image géré par Gecko peut être utilisé.
454 CSS Writing Modes Aperçu, CSS, CSS Writing Modes, Reference
CSS Writing Modes (ou modes d'écriture CSS) est un module qui définit différents modes d'écriture internationaux comme l'écriture de gauche à droite (e.g. utilisée par les langues latines et indiennes), de droite à gauche (e.g. utilisée par l'hébreu ou l'arabe), bidirectionnelle (utilisée quand il y a à la fois des écritures de gauche à droite et de droite à gauche sont ) et verticale (e.g. utilisée par certains écrits asiatiques).
455 CSS3 CSS, Draft, Intermédiaire, Reference
No summary!
456 CSSOM View Aperçu, CSS, CSSOM, CSSOM View, Reference
CSSOM View (ou Vue CSSOM) est un module de la spécification CSS qui définit comment manipuler la vue d'un document et notamment le comportement lors du défilement (scrolling).
457 Systèmes de coordonnées CSS, CSSOM, Coordonnées, Guide
Lorsqu'on définit l'emplacement d'un pixel dans un contexte graphique, on indique les coordonnées de ce point par rapport à un point fixe du contexte qu'on appelle l'origine. La position du pixel est donc indiquée comme le décalage de ce pixel par rapport à l'origine, sur les deux axes du plan.
458 Colonnes CSS Aperçu, CSS, CSS Multi-column Layout, Reference
Les colonnes CSS (CSS Multi-column Layout en anglais) forment un module CSS qui définit le comportement d'une disposition en colonnes, qui permet de décrire comment le contenu doit être réparti entre les colonnes et qui détaille comment sont gérées les espaces et les règles entre les colonnes.
459 Concepts de base pour la disposition multi-colonnes CSS, Guide
La disposition multi-colonnes se distinguent des autres dispositions CSS car elle fragmente le contenu, y compris les éléments descendants, en colonnes. Cela se produira de façon analogue en fragmentant sur des pages avec le module de spécification CSS Paged Media.
460 Gestion du dépassement en multi-colonnes CSS, Guide
Dans ce guide, nous verrons comment gérer le dépassement avec une disposition multi-colonnes. Le dépassement peut avoir lieu pour chaque boîte de colonne ou lorsqu'il y a plus de contenu que de place dans le conteneur.
461 Gérer la rupture du contenu entre les colonnes CSS, Guide
Le contenu est coupé entre les colonnes d'une disposition multi-colonnes de la même façon qu'il est coupé entre chaque page d'un média paginé. Dans ces deux contextes, la façon dont on contrôle l'emplacement et la coupure se paramètre grâce aux propriétés décrites dans le module de spécification CSS Fragmentation. Dans ce guide, nous verrons comment fonctionne la fragmentation en multi-colonnes.
462 Mettre en forme les colonnes CSS, CSS Multi-column Layout, Guide
Les boîtes de colonne créées au sein des conteneurs multi-colonnes sont des boîtes anonymes et leur mise en forme est donc limitée. Elle n'est toutefois pas inexistante. Dans ce guide nous verrons comment modifier l'espace entre les colonnes et comment mettre en forme une ligne entre les colonnes.
463 Répartir et équilibrer le contenu entre les colonnes CSS, Guide
Dans ce guide, nous verrons comment répartir les éléments sur plusieurs colonnes et comment contrôler le remplissage des colonnes.
464 Utiliser une disposition multi-colonnes Avancé, CSS, Guide
La disposition multi-colonnes étend le mode de disposition en bloc et permet de définir simplement plusieurs colonnes de texte. Lorsqu'on lit un texte, si les lignes sont trop longues, il faudra trop de temps aux yeux pour revenir au début de la ligne et passer à la ligne suivante : on perdra alors la ligne sur laquelle on était. Ainsi, pour utiliser efficacement l'espace fourni par un grand écran, on préfèrera utiliser des colonnes de largeur fixe, disposée côte à côte, à la façon d'un journal.
465 Combinateur de colonne CSS, Reference, Sélecteur
Le combinateur de colonne (||) est placé entre deux sélecteurs CSS. Les éléments ciblés sont ceux ciblés par le deuxième sélecteur et qui appartiennent à un élément en colonne qui correspond au premier sélecteur.
466 Commentaires CSS, Débutant, Reference
Les commentaires sont utilisés afin d'ajouter des notes explicatives ou pour empêcher le navigateur d'interpréter certaines parties de la feuille de style. Les commentaires n'ont donc aucun impact sur la disposition d'un document.
467 Compatibilité CSS de Mozilla CSS, Junk, NeedsUpdate, Reference
Cette page contient une liste, dans l'ordre alphabétique, des sélecteurs, propriétés, règles @, requêtes média et des valeurs CSS prises en charge par Gecko, le moteur de rendu de Mozilla.
468 Compositing and Blending Aperçu, CSS, Compositing and Blending, Overview, Reference
Compositing and Blending (Composition et fusion) est un module de la spécification CSS qui définit la façon dont les formes de différents éléments sont combinés afin de former une seule image.
469 Couleurs CSS Aperçu, CSS, CSS Color, Reference
Les couleurs CSS (CSS Color en anglais) forment un module CSS qui décrit la manipulation des couleurs, les types de données liées aux couleurs et l'application de la transparence en CSS.
470 Sélecteur de couleurs CSS CSS, Outil
Cet outil vous permet de définir des couleurs web personnalisées.
471 Disposition des boîtes flexibles CSS Aperçu, CSS, CSS Flexible Box Layout, CSS Flexible Boxes, Reference
Le module de disposition des boîtes flexibles CSS (CSS Flexible Box Layout) est un module de CSS qui définit un modèle de boîtes optimisé pour la conception des interfaces utilisateurs. En utilisant le modèle des boîtes flexibles, les éléments d'une conteneur flexible peuvent être disposés dans n'importe quelle direction et étendre leurs dimensions (pour remplir un espace vide) ou se réduire pour éviter de dépasser en dehors de l'élément parent. On peut facilement manipuler l'alignement horizontal ou vertical des éléments fils. On peut aussi imbriquer plusieurs niveaux de boîtes flexibles afin de construire des dispositions en deux dimensions..
472 Aligner des éléments dans un conteneur flexible CSS, Flex, Guide, Web, flexbox
Une des raisons qui ont poussé à l'adoption des boîtes flexibles est la présence d'outils d'alignement enfin corrects pour le Web. On pouvait ainsi enfin centrer une boîte sur un axe vertical. Dans ce guide, nous verrons dans le détail comment fonctionnent les propriétés d'alignement et de justification relatives aux boîtes flexibles.
473 Cas d'utilisation classiques de flexbox CSS, Guide, Intermediate, flexbox
Dans ce guide, nous verrons quels sont les cas d'utilisation classiques pour les boîtes flexibles et lorsque cette méthode est plus pertinente qu'une autre méthode de disposition.
474 Contrôler les proportions des boîtes flexibles le long de l'axe principal Boîtes flexibles, CSS, Flex, Guide, Intermediate, flexbox
Dans ce guide, nous verrons les trois propriétés appliquées aux éléments flexibles qui permettent de contrôler leurs tailles et flexibilités le long de l'axe principal : flex-grow, flex-shrink et flex-basis. Comprendre le fonctionnement de ces propriétés est primordial pour maîtriser les boîtes flexibles.
475 Les concepts de base pour flexbox Beginner, CSS, Débutant, Guide, flexbox
Lorsqu'on décrit les boîtes flexibles comme une méthode de disposition unidimensionnelle, on indique en fait que les flexbox gèrent une seule dimension à la fois : une ligne ou une colonne. Ce modèle est à comparer au modèle bidimensionnel de la disposition en grille (CSS Grid) qui contrôle à la fois les colonnes et les lignes.
476 Les liens entre flexbox et les autres méthodes de disposition CSS, Guide, display, flexbox, grid
Dans cet article, nous verrons comment les boîtes flexibles interagissent avec les autres modules CSS. Nous verrons quelles sont les spécifications qui décrivent les boîtes flexibles et pourquoi les boîtes flexibles sont différentes des autres modules.
477 Maîtriser le passage à la ligne des éléments flexibles CSS, Grille, Guide, Intermediate, flexbox, grid, wrapping
Les boîtes flexibles ont été conçues comme une méthode de disposition unidimensionnelle. Autrement dit, elles permettent de disposer des éléments en lignes ou en colonnes mais pas en lignes et en colonnes en même temps. Il existe toutefois la possibilité de passer des éléments flexibles à la ligne pour créer de nouvelles lignes horizontales si flex-direction vaut row ou de nouvelles colonnes si flex-direction vaut column. Dans ce guide, nous verrons comment cela fonctionne, les cas pour lesquels cela a été prévu et les situations qui nécessitent plutôt d'utiliser une disposition en grille (CSS Grid).
478 Mises en page avancées avec les boîtes flexibles CSS, Reference, flexbox
Voici un ensemble de mixins pour vous permettre de bidouiller avec les boîtes flexibles grâce au support natif des navigateurs actuels.
479 Ordonner les éléments flexibles Accessibilité, Boîtes flexibles, CSS, Guide, Intermediate, a11y, flexbox
Les nouvelles méthodes de disposition telles que les boîtes flexibles (flexbox) et la grille CSS (CSS Grid) apportent la possibilité de contrôler l'ordre du contenu. Dans cet article, nous verrons comment changer l'ordre visuel du contenu grâce aux boîtes flexibles. Nous examinerons également les conséquences de cette réorganisation du point de vue de l'accessibilité.
480 Rétrocompatibilité de flexbox @supports, Boîtes flexibles, CSS, Guide, Intermediate, flexbox
Les boîtes flexibles (flexbox) sont largement prises en charge parmi les navigateurs modernes. Toutefois, quelques problèmes peuvent survenir. Dans ce guide, nous verrons précisément quelle est la prise en charge des boîtes flexibles dans les navigateurs. Nous verrons les problèmes éventuels ainsi que les ressources et méthodes afin de créer des méthodes de contournement ou des alternatives.
481 Utilisation de boîtes flexibles de CSS #RWD, Avancée, Boîtes, CSS, Example, Flexible, Guide, Web
FlexBox (pourFlexible Box) est un mode de mise en page prévoyant une disposition des éléments d’une page de telle sorte que ces éléments possèdent un comportement prévisible lorsqu’ils doivent s’accommoder de différentes tailles d’écrans/appareils. Dans de nombreux cas, le modèle de boîte Flexbox offre une amélioration du modèle block dans lequel les flottements (float) ne sont pas utilisés, pas plus que la fusion des marges du conteneur flexible avec ses éléments.
482 Utiliser les boîtes flexibles pour les applications web Avancé, CSS, Guide
Les boîtes flexibles permettent de concevoir des dispositions qui s'appliquent mieux à des environnements mobiles et de bureau et qui peuvent servir aux applications web. Fini d'utiliser des éléments <div> flottants, le positionnement absolu et des bidouilles JavaScript. Quelques lignes CSS permettent de construire des dispositions verticales et horizontales, flexibles. Voici quelques exemples de cas d'utilisation :
483 Extensions CSS de Microsoft CSS, Non-standard, Reference
Les applications Microsoft, telles que Edge ou Internet Explorer, prennent en charge différentes extensions à CSS. Ces extensions sont préfixées par -ms.
484 Extensions CSS de Mozilla CSS, Mozilla, Non-standard, Reference
Les applications Mozilla, telles que Firefox, prennent en charge un certain nombre d'extensions spécifiques à CSS : des propriétés, des valeurs, des pseudo-éléments, des pseudo-classes, des règles @ et des requêtes média. Ces extensions utilisent le préfixe -moz.
485 Extensions WebKit Aperçu, CSS, Non-standard, Reference, WebKit
Les applications basées sur WebKit ou Blink, telles que Safari et Chrome, prennent en charge plusieurs extensions spécifiques à CSS. Ces extensions sont généralement préfixées par -webkit. Certaines propriétés préfixées par -webkit peuvent également fonctionner avec le préfixe -apple. Quelques unes de ces extensions sont préfixées avec -epub.
486 Feuilles de style alternatives CSS, NeedsCompatTable, Reference
En proposant des feuilles de style alternatives, une page web permet à ses utilisateurs de pouvoir choisir parmi différentes version d'une page selon leurs besoins ou leurs préférences.
487 Filter Effects Aperçu, CSS, Filter Effects, Reference
No summary!
488 Filters Effects CSS, Référence(2)
Filter Effects (ou module des effets de filtre) est un module CSS qui définit une manière de traiter le rendu des éléments avant qu'ils ne soient affichés dans le document.
489 Grilles CSS (CSS Grid) CSS, CSS Grids, Grilles CSS, Reference
Le module CSS Grid layout (modèle de disposition en grille) est un module de la spécification CSS qui permet de créer des mises en page en divisant l'espace d'affichage en régions utilisables par une application ou en définissant des relations de taille, position et d'empilement entre les éléments HTML.
490 Construire des dispositions courantes avec des grilles CSS CSS, CSS Grids, Grilles CSS, Guide, Intermédiaire
Pour clôturer ces différents guides, nous allons maintenant voir différentes dispositions sur lesquelles nous appliquerons des techniques avec les grilles CSS. Nous prendrons un exemple qui utilise les zones nommées d'une grille, un système de grille flexible avec 12 colonnes et aussi une liste de produits avec un placement automatique. Comme nous le verrons, il existe plusieurs méthodes pour accéder à chaque résultat. À vous de choisir la méthode qui vous paraît la plus pertinente et utile pour les problèmes que vous avez à résoudre et les dispositions que vous devez implémenter.
491 Définir des zones sur une grille CSS, CSS Grids, Grilles CSS, Guide
Dans le guide précédent, on a étudié les lignes formées par une grille et comment positionner des objets sur ces lignes. Lorsqu'on utilise une grille CSS, on a toujours ces lignes et celles-ci permettent d'avoir une disposition simple. Toutefois, il existe une autre méthode de disposition avec les grilles, qu'on peut utiliser seule ou combinée avec les lignes. Avec cette méthode, on place les éléments sur des zones de la grille. Nous allons voir dans ce guide comment cela fonctionne voire comment on peut faire de l'ASCII-art en CSS avec les grilles !
492 L'alignement des boîtes avec les grilles CSS CSS, CSS Grid, Grille CSS, Guides, Intermédiaire
Si vous connaissez les boîtes flexibles (flexbox) vous savez déjà comment aligner les éléments flexibles à l'intérieur d'un conteneur flexible. Ces propriétés d'alignement, initialement spécifiée dans la spécification des boîtes flexibles, sont désormais spécifiées dans une nouvelle spécification Box Alignment Level 3. Cette spécification détaille le fonctionnement de l'alignement pour les différentes méthodes de disposition.
493 Le modèle de grille et les autres modèles de disposition CSS, CSS Grids, Guide, Intermédiaire
Le mode de disposition en grille a été conçu afin de pouvoir fonctionner avec les autres composantes de CSS pour construire un système complet de disposition. Dans ce guide, nous expliquerons comment intégrer une grille CSS parmi d'autres techniques que vous pourriez déjà utiliser.
494 Le placement automatique sur une grille CSS CSS, CSS Grids, Grilles CSS, Guide, Intermédiaire
En plus de pouvoir placer des objets de façon précise sur une grille, la spécification pour les grilles CSS définit le comportement obtenu lorsque certains des objets ne sont pas placés sur la grille (voire aucun). Pour voir comment fonctionne le placement automatique, il suffit de créer une grille avec un ensemble d'objets. Sans fournir aucune information de placement, ces objets se placeront chacun sur une cellule de la grille.
495 Les concepts de base des grilles CSS CSS, CSS Grids, Grilles CSS, Guide, Intermédiaire
Le module CSS Grid Layout ajoute à CSS une grille à deux dimensions. Les grilles peuvent être utilisées pour agencer des  pages entières ou de petits éléments d'interface. Cet article introduit  CSS Grid Layout, et la terminologie de la spécification  CSS Grid Layout Level 1. Les fonctionnalités évoquées seront expliquées plus en détail dans le reste du guide.
496 Les grilles CSS et l'accessibilité Accessibilité, CSS, CSS Grids, Grilles CSS, Guide, Intermédiaire
Pour celles et ceux qui étaient présents aux premières lueurs du Web, les grilles CSS peuvent rappeler l'âge sombre où les tableaux HTML étaient utilisés pour la mise en forme des pages et où les cellules étaient utilisées pour diviser le contenu. Cette approche avait quelques avantages par rapport au positionnement CSS apparu après : on pouvait tirer parti de l'alignement et des colonnes créées dans un tableau. Il y a toutefois un inconvénient majeur : la mise en forme est fortement couplée à la structure du document, entraînant certains problèmes d'accessibilité. On pouvait par exemple découper le contenu dans le tableau afin d'obtenir la mise en forme souhaitée mais la structure de la page n'avait plus aucun sens lorsqu'elle était lue par un lecteur d'écran.
497 Les grilles CSS et l'amélioration progressive CSS, CSS Grids, Grilles CSS, Guide, Intermédiaire
Au printemps 2017, on voit pour la première fois une spécification majeure être disponible presque simultanément dans différents navigateurs : les grilles CSS (CSS Grid). Les grilles CSS sont disponibles dans les versions récentes de Firefox, Chrome, Opera, Safari et Edge. Malgré cela, si ces navigateurs récents permettront à la plupart d'entre nous de profiter de ces nouvelles fonctionnalités, il existe d'anciens navigateurs ou d'autres navigateurs qui ne prennent pas en charge ces fonctionnalité. Dans ce guide, nous allons parcourir différentes stratégies pour gérer cette prise en charge.
498 Les grilles CSS, les valeurs logiques et les modes d'écriture CSS, CSS Grids, Grilles CSS, Guides, Intermédiaire
Dans les articles précédents, nous avons évoqué un aspect important de la disposition en grille : la prise en charge des différents modes d'écriture. Dans ce guide, nous nous intéresserons plus particulièrement à cette fonctionnalité ainsi qu'aux autres méthodes modernes de disposition. Cela sera également l'occasion d'en apprendre plus sur les modes d'écritures et la notion de propriété logique/physique.
499 Placer les éléments sur les lignes d'une grille CSS CSS, CSS Grids, Grilles CSS, Guides, Intermédiaire
Dans l'article sur les concepts de base, nous avons vu comment positionner des éléments en utilisant des numéros de lignes. Nous allons désormais étudier cette fonctionnalité de positionnement plus en détail.
500 Utiliser des lignes nommées sur une grille CSS, CSS Grids, Grilles CSS, Guide
Dans les articles précédents, on a vu comment placer des objets sur les lignes définies par les pistes de la grilles. On a également vu comment placer des objets sur des zones nommées. Dans ce guide, nous allons combiner ces deux concepts et apprendre à placer les objets sur des lignes avec des noms. Le nommage des lignes peut s'avérer très utile mais un aspect encore plus intéressant consiste à combiner les noms et les tailles de pistes. Cela sera plus clair lorsque nous aurons vu les différents exemples.
501 Héritage CSS, Guide, Reference
Pour chaque propriété CSS, la spécification indique si, par défaut, cette propriété est héritée ou non. Cela permet de définir le comportement qu'on observera lorsqu'aucune valeur n'est spécifiée pour une propriété pour un élément donné.
502 Implémentation des fonctionnalités CSS à l'état de brouillon CSS, Draft, NeedsContent
Mozilla gère un certain nombre d'extensions CSS préfixées par -moz-. La liste suivante contient toutes les extensions Mozilla correspondant aux  implémentations de fonctionnalités en cours de standardisation par le W3C. Les fonctionnalités propriétaires ne sont pas présentes dans cette liste.
503 Index de la documentation CSS CSS, Index, MDN Meta
{{Index("/fr/docs/Web/CSS")}}
504 Jeux de caractères CSS Aperçu, CSS, CSS Charsets, Reference
Les jeux de caractères pour CSS est un module CSS qui permet de définir le jeu de caractères utilisé dans les feuilles de style.
505 Le sélecteur :visited et la vie privée CSS, Guide, Sécurité
Par le passé (avant 2010), le sélecteur CSS :visited permettait aux sites d'effectuer des requêtes sur l'historique de l'utilisateur grâce à la méthode window.getComputedStyle ou à d'autre techniques, parcourant l'historique de l'utilisateur afin de connaître les sites qu'il avait visité. Cela pouvait effectué rapidement et permettait d'obtenir beaucoup d'informations sur l'identité d'un utilisateur.
506 Les animations CSS CSS, Reference
Les animations CSS sont un module CSS qui définit la façon dont les valeurs des propriétés CSS peuvent être animées au fur et à mesure d'une période via des étapes intermédiaires (keyframes en anglais). Le comportement de ces animations séquencées peut être défini en termes de durée, de nombre de répétitions et de la façon dont elles sont répétées.
507 Détecter la prise en charge des animations CSS Avancé, CSS, Obsolete
Avec les animations CSS, on peut ajouter des animations sur du contenu, uniquement en utilisant CSS. Toutefois, cette fonctionnalité n'est parfois pas disponible et on souhaiterait alors pouvoir gérer ce cas et appliquer un effet similaire avec JavaScript. Cet article, basé sur ce billet de Christian Heilmann, illustre une technique pour détecter la prise en charge des animations CSS.
508 Trucs et astuces pour les animations CSS Animations CSS, CSS, Exemple, Guide, Tutoriel
Les animations CSS permettent de réaliser réaliser des effets incroyables en mainpulant les éléments de vos documents et applications.. Cependant, il est parfois compliqué d'obtenir l'effet désiré. Dans cet article, on explorera différents conseils visant à simplifier la réalisation d'animations.
509 Utiliser les animations CSS Avancé, CSS, Guide, Reference
Les animations CSS permettent de créer des transitions entre deux états de mise en forme. Une animation est décrite par deux choses : des propriétés propres à l'animation d'une part et un ensemble d'étapes (keyframes) qui indiquent l'état initial, final et éventuellement des états intermédiaires d'autre part.
510 Les variables CSS CSS, Guide, Intermédiaire, Les Variables CSS, Web
Les variables CSS sont des entités définies par les développeurs ou les utilisateurs d'une page Web, contenant des valeurs spécifiques utilisables à travers le document. Elles sont initialisées avec des propriétés personnalisées (par exemple --main-color: black;) et accessibles en utilisant la notation spécifique var() (par exemple : color: var(--main-color);).
511 Liste de fonctionnalités CSS propriétaires CSS, Draft, NeedsContent
Cette liste contient les extensions propriétaires des CSS en fonction des moteurs des différents navigateurs ; il ne s'agit pas des implémentations expérimentales des fonctionnalités en cours de standardisation (voir Implémentation des fonctionnalités CSS à l'état de brouillon pour une liste de ces dernières).
512 Liste des propriétés CSS animées Animations, CSS, Reference, Transitions
Certaines propriétés CSS peuvent être animées. Cela signifie que leur valeur change de façon graduelle grâce aux animations CSS ou aux transitions CSS.
513 Media queries Aperçu, CSS, CSS Media Queries, Reference
Les requêtes média, plus souvent appelées media queries, sont un outil de responsive design qui permet d'adapter la feuille de style CSS en fonction de différents paramètres ou caractéristiques de l'appareil. Par exemple, on pourra appliquer différents styles si l'écran de l'appareil utilisé pour consulter le document est plus petit qu'une taille donnée ou si l'utilisateur tient son appareil en mode portrait ou paysage. La règle @ (ou at-rule) @media est utilisée afin d'appliquer les styles de façon conditionnelle.
514 Media queries Avancé, CSS, Guide, Media Queries, Reference, Requêtes média
Les requêtes média (media queries) permet de modifier l'apparence d'un site ou d'une application en fonction du type d'appareil (impression ou écran par exemple) et de ses caractéristiques (la résolution d'écran ou la largeur de la zone d'affichage (viewport) par exemple).
515 Tester les requêtes média en JavaScript Avancé, CSS, DOM, Guide
Le DOM fournit un certain nombre de fonctionnalités qui permettent de tester les résultats d'une requête média (media query) avec un script. Pour cela, on utilise l'interface MediaQueryList ainsi que ses méthodes et ses propriétés. Une fois qu'on a créé un objet MediaQueryList, on peut vérifier le résultat de la requête ou également recevoir des notifications automatiques lorsque le résultat de la requête change.
516 Utilisation des requêtes média pour l'accessibilité @media, Accessibilité, CSS
Les requêtes média (media queries) peuvent être utilisées afin d'améliorer l'accessibilité d'un site web.
517 Mode de mise en page CSS, Reference
No summary!
518 Modèle de boîte Aperçu, CSS, CSS Box Model, Overview, Reference
Le modèle de boîte CSS (Basic Box Model en anglais) est un module CSS qui définit les boîtes rectangulaires (y compris leurs zones de remplissage (padding) et de marges) qui sont générées pour disposer les éléments selon leur modèle de mise en forme visuelle.
519 Fusion des marges CSS, Reference
La fusion des marges se produit si on a l'un de ces trois cas :
520 Modèle de mise en forme visuelle CSS, Intermédiaire, NeedsUpdate
En CSS, le modèle de mise en forme visuelle est un algorithme qui traite un document afin de l'afficher sur un support visuel. Chaque élément du document est ainsi transformé en zéro, une ou plusieurs boîtes qui s'inscrivent dans le modèle de boîtes CSS. La disposition de chaque boîte est dictée par :
521 Motion Path Aperçu, CSS, Experimental, Motion Path, Reference
Motion Path est un module de la spécification CSS qui permet aux auteurs d'animer des objets graphiques le long d'une ligne appelée chemin.
522 Médias paginés CSS, Reference
Les propriétés des médias paginés contrôlent la présentation du contenu imprimable ou de tout autre média dont le contenu est divisé en pages individuelles. Elles permettent de définir des sauts de page, de contrôler la zone d'impression, de donner des styles différents aux pages gauche et droite et de contrôler l'application des césures à l'intérieur des éléments. Voici quelques-unes des propriétés supportées les plus fréquemment utilisées :
523 Outils CSS, Outils
CSS fournit de nombreuses fonctionnalités qui peuvent être paramétrées avec différents facteurs. Il est donc utile de pouvoir visualiser ces paramètres lorsqu'on manipule ces propriétés. Cette page indique différents outils qui pourront vous être utiles lorsque vous construirez vos feuilles de style avec ces fonctionnalités.
524 Générateur de courbe de Bézier CSS, Outils
No summary!
525 Générateur de dégradés linéaires CSS, Outils
No summary!
526 Propriétés personnalisées (--*) CSS, Experimental, Reference, Variables, Variables CSS
Les noms des propriétés qui sont préfixés par deux tirets : -- (par exemple : --nom-exemple) représentent des propriétés personnalisées (custom properties) qui peuvent contenir une valeur qui pourra être réutilisée dans le document grâce à la fonction var.
527 Propriétés raccourcies CSS, Guide, Reference
Les propriétés raccourcies sont des propriétés CSS qui permettent de définir la valeur de plusieurs propriétés via un seule déclaration. En manipulant des propriétés raccourcies, un développeur web peut créer des feuilles de style plus concises et plus lisibles, améliorant ainsi la maintenabilité.
528 Pseudo-classes CSS, Intermédiaire, Pseudo-classe, Reference, Sélecteur
Une pseudo-classe est un mot-clé qui peut être ajouté à un sélecteur afin d'indiquer l'état spécifique dans lequel l'élément doit être pour être ciblé par la déclaration. La pseudo-classe :hover, par exemple, permettra d'appliquer une mise en forme spécifique lorsque l'utilisateur survole l'élément ciblé par le sélecteur (changer la couleur d'un bouton par exemple).
529 Pseudo-éléments CSS, Pseudo-element, Reference, Sélecteur
Un pseudo-élément est un mot-clé ajouté à un sélecteur qui permet de mettre en forme certaines parties de l'élément ciblé par la règle. Ainsi, le pseudo-élément ::first-line permettra de ne cibler que la première ligne d'un élément visé par le sélecteur.
530 Questions fréquentes en CSS CSS, Débutant, Exemple, Guide
Les navigateurs modernes ont deux modes de rendu :
531 Redimensionnement d'arrière-plans SVG CSS, Guide, SVG
Les images SVG sont très flexibles et lorsqu'on les utilise en CSS avec les propriétés background-image et background-size, il faut s'assurer de considérer les différents aspects qui leurs sont propres. Dans cet article, on décrit comme les images SVG sont redimensionnées grâce à ces propriétés.
532 Règles @ CSS, Reference, Règle @
Une règle @ est une expression CSS commençant par le symbole '@' (U+0040 COMMERCIAL AT), suivi d'un identifiant et qui contient tout ce qui se trouve jusqu'au prochain point-virgule, ';' (U+003B SEMICOLON), ou jusqu'au prochain bloc CSS trouvé en premier.
533 Référence CSS CSS, Reference, Web
Cette référence CSS illustre la base de la syntaxe permettant d'écrire une règle CSS, liste les propriétés CSS standard, les pseudo-classes, les pseudo-éléments, les règles @, les unités, les sélecteurs par ordre alphabétique et par type. Elle inclut également un bref aperçu des méthodes et objets du CSS DOM.
534 Référence des propriétés CSS CSS
Voici ci-dessous une liste simple des propriétés CSS les plus fréquemment utilisées avec leur équivalent en notation DOM,  habituellement utilisée avec JavaScript :
535 Syntaxe de définition des valeurs CSS, Débutant, Reference
La syntaxe de définition des valeurs CSS est une grammaire formelle qui définit les règles pour créer des règles CSS valides. En plus de ces règles, il peut y avoir des contraintes sémantiques (ex. un nombre doit être positif pour une propriété donnée).
536 Sélecteur de voisin direct CSS, Reference, Sélecteur
537 Sélecteurs CSS Aperçu, CSS, CSS Selectors, Reference, Sélecteur
Les sélecteurs définissent les éléments sur lesquelles s'applique un ensemble de règles CSS.
538 Comparison entre les sélecteurs CSS et XPath CSS, Draft, NeedsContent, Reference, XPath
Dans cet article, nous listerons les différences entre les sélecteurs CSS et les fonctionnalités XPath afin que les développeurs web puissent choisir l'outil le plus pertinent.
539 Utiliser la pseudo-classe :target dans un sélecteur CSS, Guide, Intermédiaire
Afin d'aider à identifier la destination d'un lien qui mène vers une portion spécifique du document, les sélecteurs CSS3 ont introduit la pseudo-classe :target.
540 Sélecteurs d'ID CSS, Débutant, Reference, Sélecteur
Un sélecteur d'identifiant (ID selector) permet, pour un document HTML, de cibler un élément grâce à la valeur de son attribut id. Il faut que la valeur soit exactement la même que celle du sélecteur pour que l'élément soit effectivement ciblé.
541 Sélecteurs d'attribut CSS, Débutant, Reference, Sélecteur
Les sélecteurs d'attribut permettent de cibler un élément selon la présence d'un attribut ou selon la valeur donnée d'un attribut.
542 Sélecteurs de classe CSS, Reference, Sélecteur
Les sélecteurs de classe CSS permettent de cibler des éléments d'un document en fonction du contenu de l'attribut class de chaque élément.
543 Sélecteurs de type CSS, Reference, Sélecteur
Les sélecteurs de type CSS ciblent des éléments en fonction du nom de leur nœud. Ainsi, lorsqu'un sélecteur de type est utilisé seul, il ciblera tous les éléments de ce type (autrement dit tous les nœuds avec ce nom) contenus dans le document.
544 Sélecteurs de voisins généraux CSS, Débutant, Reference, Sélecteur
Le combinateur ~ permet de séparer deux sélecteurs et de cibler un élément si celui correspond au second sélecteur et est précédé d'un autre élément correspondant au premier sélecteur tout en partageant un élément parent commun (autrement dit, les deux éléments sont les fils d'un même parent Element).
545 Sélecteurs descendant CSS, Débutant, Reference, Sélecteur
Le combinateur de descendance, représenté par un blanc (ou plusieurs blancs à la suite) permet de combiner deux sélecteurs  (sous la forme sélecteur₁ sélecteur₂) afin de cibler les éléments qui correspondent au second sélecteur uniquement si ceux-ci ont un élément ancêtre qui correspond au premier sélecteur. Les sélecteurs qui utilisent ce combinateur sont souvent appelés des sélecteurs de descendants.
546 Sélecteurs enfant CSS, Débutant, Reference, Sélecteur
Le combinateur > sépare deux sélecteurs et cible seulement les éléments correspondant au second sélecteur qui sont des enfants directs des éléments ciblés par le premier sélecteur.
547 Sélecteurs universels CSS, Reference, Sélecteur
L'astérisque (*) est le sélecteur universel en CSS. Il correspond à un élément de n'importe quel type.
548 Transitions CSS Aperçu, CSS, CSS Transitions, Reference
Les transitions CSS permettent de créer des transitions harmonieuses entre les valeurs des propriétés CSS concernées. Elles permettent aussi de définir leur évolution (accélération/décélération), via les fonctions de minutage.
549 Utiliser les transitions CSS Avancé, CSS, Guide, Transitions
Les transitions CSS permettent de contrôler la vitesse d'animation lorsque les propriétés CSS sont modifiées. Plutôt que le changement soit immédiat, on peut l'étaler sur une certaine période. Ainsi, si on souhaite passer un élément de blanc à noir, on pourra utiliser les transitions CSS afin que cette modification soit effectuée progressivement, selon une courbe d'accélération donnée.
550 Tutoriels CSS Beginner, CSS, Guide, Tutorial
Apprendre CSS peut sembler être une tache impressionnante. Cependant pour vous aider nous avons écrit de nombreux tutoriels a propos de CSS. Certains d'entre eux sont à l'attention des non initier, tandis que d'autres présentent des fonctionnalitées complexes qui peuvent être utile aux utilisateurs expérimenté.
551 Types CSS Aperçu, CSS, CSS Data Type, Reference, Type
Le module CSS basic data types définit les différents types de données CSS qui permettent de définir les types de valeurs (mots-clés et unités) acceptées par les différentes propriétés et fonctions. Lorsqu'on utilise une notation formelle, les types de données sont représentés par un mot-clé entre chevrons (< >).
552 Valeur calculée CSS, Reference
La valeur calculée d'une propriété CSS est calculée à partir de la valeur définie :
553 Valeur initiale CSS, Reference
La valeur initiale d'une propriété CSS est définie par la spécification et varie selon qu'une propriété est héritée ou non.
554 Valeur réelle CSS, Guide, Reference
La valeur réelle d'une propriété CSS est la valeur utilisée par le moteur une fois que toutes les approximations ont été appliquées. Ainsi, un agent utillisateur ne pourra afficher des bordures qu'avec un nombre de pixels entier et pourra ainsi être forcé d'approximer la valeur calculée pour l'épaisseur de la bordure.
555 Valeur résolue CSS, Reference
La valeur résolue d'une propriété CSS est la valeur renvoyée par getComputedStyle(). Pour la plupart des propriétés, il s'agit de la valeur calculée mais pour un tout petit nombre d'anciennes propriétés (dont width et height), il s'agit par contre de la valeur utilisée. Voir le lien vers la spécification ci-dessous pour des détails plus précis en fonction de chaque propriété.
556 Valeur spécifiée CSS, Cascade, Reference
La valeur définie d'une propriété CSS est celle explicitement définie dans la feuille de style ou grâce au style de son élément parent. Elle est déterminée selon une des trois méthodes suivantes :
557 Valeur utilisée CSS, Guide, Reference, Web
La valeur utilisée de n'importe quelle propriété CSS est la valeur finale d'une propriété après que tous les calculs aient été réalisés.
558 align-content CSS, Propriété, Reference
La propriété CSS align-content définit la façon dont l'espace est réparti entre et autour des éléments le long de l'axe en bloc du conteneur (c'est-à-dire l'axe orthogonal à l'axe d'écriture) lorsque celui-ci est un conteneur de boîte flexible et le long de l'axe principal lorsque le conteneur est une grille.
559 align-items CSS, Propriété, Reference
La propriété CSS align-items définit la valeur de align-self sur l'ensemble des éléments-fils directs. La propriété align-self définit elle l'alignement d'un objet au sein de son conteneur. Pour les boîtes flexibles, cette propriété contrôle l'alignement par rapport à l'axe secondaire (cross axis). Au sein d'une grille CSS, elle contrôle l'alignement des éléments sur l'axe de bloc de la zone de grille correspondante.
560 align-self CSS, Propriété, Reference
La propriété CSS align-self permet d'aligner les objets flexibles d'une ligne flexible en surchargeant la valeur donnée par align-items. Si l'un des objet a une marge automatique (auto) pour l'axe perpendiculaire à l'axe principal, align-self sera ignoré. Lorsque le conteneur est une grille, align-self permet d'aligner l'élément au sein de la zone de grille.
561 all CSS, Propriété, Reference
La propriété raccourcie all permet de réinitialiser toutes les propriétés, à l'exception de unicode-bidi et direction, avec leurs valeurs initiales ou héritées.
562 animation Animations, CSS, Propriété, Reference
La propriété animation est une propriété raccourcie qui permet de définir une transition animée.
563 animation-delay CSS, Propriété, Reference
La propriété animation-delay définit la durée d'attente avant de démarrer une animation une fois qu'elle a été appliquée à un élément.
564 animation-direction CSS, Propriété, Reference
La propriété animation-direction indique si les cycles de l'animation doivent être joués dans le sens inverse et/ou de façon alternée.
565 animation-duration CSS, Propriété, Reference
La propriété animation-duration définit la durée d'une animation pour parcourir un cycle.
566 animation-fill-mode CSS, Propriété, Reference
La propriété animation-fill-mode indique la façon dont une animation CSS doit appliquer les styles à sa cible avant et après son exécution.
567 animation-iteration-count CSS, Propriété, Reference
La propriété animation-iteration-count indique le nombre de cycles utilisés pour répéter une animation avant que celle-ci s'arrête.
568 animation-name CSS, Propriété, Reference
La propriété animation-name définit une liste d'animations qui doivent être appliquées à l'élément ciblé. Chaque nom indique une règle @ @keyframes qui définit les valeurs des propriétés pour la séquence.
569 animation-play-state CSS, Propriété, Reference
La propriété animation-play-state définit si une animation est en cours d'exécution ou si elle est en pause.
570 animation-timing-function CSS, Propriété, Reference
La propriété animation-timing-function définit la façon dont une animation CSS doit se dérouler au fur et à mesure de chaque cycle. Cette propriété prendra comme valeurs une ou plusieurs fonctions <timing-function>.
571 attr() CSS, Fonction, Reference
La fonction attr() est utilisée afin de récupérer la valeur d'un attribut d'un élément pour l'utiliser dans la feuille de style. Cette fonction peut également être utilisée sur les pseudo-éléments auquel cas c'est la valeur correspondant à l'élément source qui est renvoyée.
572 auto CSS, Référence CSS
Indique qu'une valeur est calculée de manière automatique par le navigateur. Les effets de auto sont différents suivant la propriété à laquelle la valeur est affectée.
573 azimuth CSS, Obsolete, Propriété, Reference
Utilisée avec la propriété elevation, azimuth permet de positionner différentes sources audio dans l'espace pour une présentation auditive. Cela permet de séparer les voix de façons naturelles, qui pourront donc provenir de différents emplacements. Une sortie stereo permettra d'obtenir un son avec des sources situées sur deux dimensions, des écouteurs binauriculaires permettent d'obtenir un son tri-dimensionnel.
574 backdrop-filter CSS, Propriété, Reference
La propriété CSS backdrop-filter permet d'obtenir un effet de flou ou de diffusion de la couleur sur la zone derrière l'élément. L'effet étant situé derrière l'élément, il pourra être observé en ajustant la transparence de l'élément.
575 backface-visibility CSS, Experimental, Propriété, Reference
La propriété backface-visibility indique si la face arrière d'un élément doit être visible lorsqu'elle est orientée vers l'utilisateur. La face arrière d'un élément est un arrière-plan transparent qui, lorsqu'il est visible, permet de voir un reflet symétrique de la face avant de l'élément.
576 background CSS, Propriété, Reference
La propriété background est une propriété raccourcie qui permet de définir les différentes valeurs des propriétés liées à la gestion des arrière-plans d'un élément. Elle permet de définir une ou plusieurs valeurs pour : background-clip, background-color, background-image, background-origin, background-position, background-repeat, background-size, et background-attachment.
577 background-attachment CSS, Propriété, Reference
La propriété background-attachment définit si la position de l'image d'arrière-plan est fixée dans la zone d'affichage (viewport) ou si celle-ci défile avec le bloc englobant.
578 background-blend-mode CSS, Propriété, Reference
La propriété CSS background-blend-mode définit la façon dont les images d'arrière-plan doivent être fusionnées entre elles et avec la couleur d'arrière-plan.
579 background-clip CSS, Propriété, Reference
La propriété background-clip définit la façon dont l'arrière-plan d'un élément (que ce soit l'image ou la couleur) s'étend sous la bordure.
580 background-color CSS, Propriété, Reference
La propriété background-color permet de définir la couleur utilisée pour l'arrière-plan d'un élément (celle-ci peut être une couleur transparente).
581 background-image CSS, Propriété, Reference
La propriété background-image permet de définir une ou plusieurs images comme arrière(s)-plan(s) pour un élément.
582 background-origin CSS, Propriété, Reference
La propriété background-origin détermine la zone de positionnement de l'arrière-plan. Autrement dit, elle permet de définir la position de l'origine de l'image définie par la propriété background-image.
583 background-position CSS, Propriété, Reference
La propriété background-position permet de définir la position initiale, relative à l'origine définie par background-origin, pour chaque image d'arrière-plan.
584 background-position-x CSS, Experimental, Propriété, Reference
La propriété background-position-x définit la position horizontale initiale de chaque image d'arrière-plan par rapport à l'origine, définie avec background-origin.
585 background-position-y CSS, Experimental, Propriété, Reference
La propriété background-position-y définit la position verticale initiale de l'arrière-plan par rapport à l'origine, définie background-origin, pour chaque image d'arrière-plan.
586 background-repeat CSS, Propriété, Reference
La propriété background-repeat définit la façon dont les images utilisées en arrière-plan sont répétées. Une image d'arrière-plan pourra ainsi être répétée sur l'axe horizontal, l'axe vertical ou bien ne pas être répétée.
587 background-size CSS, Propriété, Reference
La propriété CSS background-size définit la taille des images d'arrière-plan pour l'élément. La taille de l'image peut être contrainte, complètement ou partiellement afin de conserver ses proportions.
588 block-size CSS, Experimental, Propriété, Propriété logique, Reference
La propriété block-size est une propriété logique qui permet de définir la taille de l'élément dans la direction orthogonale au sens de lecture. Selon la valeur de la propriété writing-mode, elle correspondra à la propriété physique width ou height.
589 border CSS, Propriété, Reference
La propriété border est une propriété raccourcie qui permet de définir les propriétés liées à la bordure. border peut être utilisée pour définir les valeurs de border-width, border-style, border-color.
590 border-block CSS, Experimental, Propriété, Propriété logique, Reference
La propriété border-block est une propriété raccourcie qui permet de paramétrer les différentes propriétés logiques relatives à la bordure sur l'axe en bloc.
591 border-block-color CSS, Experimental, Propriété, Propriété logique, Reference
La propriété border-block-color définit la couleur de la bordure d'un élément sur les côtés de l'axe de bloc. Cette propriété correspondra à différentes propriétés physiques pour les couleurs de la bordure selon le mode d'écriture de l'élément, sa direction et l'orientation du texte. Autrement dit, cette propriété logique peut correspondre à border-top-color et border-bottom-color ou à border-right-color et border-left-color selon les valeurs des propriétés writing-mode, direction et text-orientation.
592 border-block-end CSS, Experimental, Propriété, Reference
La propriété border-block-end est une propriété raccourcie qui permet de définir la bordure d'un élément pour le côté correspondant à la fin de l'élément dans l'axe orthogonal au sens de lecture. Elle peut être utilisée pour définir les valeurs de border-block-end-width, border-block-end-style et border-block-end-color.
593 border-block-end-color CSS, Experimental, Propriété, Propriété logique, Reference
La propriété border-block-end-color définit la couleur de la bordure pour le côté de la fin de l'élément orienté orthogonalement à l'axe de lecture. Elle correspond à une propriété physique selon le mode d'écriture de l'élément, sa directionnalité et l'orientation du texte. Autrement dit, elle correspond à l'une des propriétés border-top-colorborder-right-colorborder-bottom-color ou border-left-color selon les valeurs des propriétés writing-mode, direction et text-orientation.
594 border-block-end-style CSS, Experimental, Propriété, Reference
La propriété border-block-end-style définit le style de la bordure utilisé pour le côté de la fin de l'élément dans l'axe orthogonal au sens de lecture. Cette propriété logique correspondra à une propriété physique selon le mode d'écriture, la directionnalité et l'orientation du texte. Autrement dit, elle correspond à border-top-styleborder-right-styleborder-bottom-style ou à border-left-style selon les valeurs de writing-mode, direction et text-orientation.
595 border-block-end-width CSS, Experimental, Propriété, Reference
Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner https://github.com/mdn/interactive-examples et à envoyer une pull request !
596 border-block-start CSS, Experimental, Propriété, Reference
La propriété border-block-start est une propriété raccourcie qui permet de définir la bordure d'un élément pour le côté correspondant au début de l'élément dans l'axe orthogonal au sens de lecture. Elle peut être utilisée pour définir les valeurs de border-block-start-width, border-block-start-style et border-block-start-color.
597 border-block-start-color CSS, Experimental, Propriété, Propriété logique, Reference
La propriété border-block-start-color définit la couleur de la bordure pour le côté du début de l'élément orienté orthogonalement à l'axe de lecture. Elle correspond à une propriété physique selon le mode d'écriture de l'élément, sa directionnalité et l'orientation du texte. Autrement dit, elle correspond à l'une des propriétés border-top-colorborder-right-colorborder-bottom-color ou border-left-color selon les valeurs des propriétés writing-mode, direction et text-orientation.
598 border-block-start-style CSS, Experimental, Propriété, Reference
La propriété border-block-start-style définit le style de la bordure utilisé pour le côté du début de l'élément dans l'axe orthogonal au sens de lecture. Cette propriété logique correspondra à une propriété physique selon le mode d'écriture, la directionnalité et l'orientation du texte. Autrement dit, elle correspond à border-top-styleborder-right-styleborder-bottom-style ou à border-left-style selon les valeurs de writing-mode, direction et text-orientation.
599 border-block-start-width CSS, Experimental, Propriété, Propriété logique, Reference
Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner https://github.com/mdn/interactive-examples et à envoyer une pull request !
600 border-block-style CSS, Experimental, Propriété, Propriété logique, Reference
La propriété border-block-style permet de définir le style pour la bordure sur les côtés d'un élément qui correspondent à l'axe de bloc. Cette propriété logique correspond à différentes propriétés physiques selon le mode d'écriture, la direction et l'orientation du texte. Autrement dit, cette propriété correspond à border-top-style et border-bottom-style ou à border-left-style et border-right-style selon les valeurs des propriétés writing-mode, direction et text-orientation.
601 border-block-width CSS, Experimental, Propriété, Propriété logique, Reference
La propriété border-block-width définit la largeur de la bordure sur les côtés d'un élément sur les côtés de l'axe de bloc. Cette propriété logique peut correspondre à différentes propriétés physiques selon le mode d'écriture, la direction et l'orientation du texte. Autrement dit, cette propriété correspond à border-top-width et border-bottom-width ou à border-left-width et border-right-width selon les valeurs des propriétés writing-mode, direction et text-orientation.
602 border-bottom CSS, Propriété, Reference
La propriété border-bottom est une propriété raccourcie qui définit la bordure du côté bas d'un élément. C'est une propriété raccourcie qui synthétise :
603 border-bottom-color CSS, Propriété, Reference
La propriété border-bottom-color permet de définir la couleur utilisée pour la bordure basse d'un élément. Pour avoir une formulation plus concise, on pourra utiliser les propriétés raccourcies border-color et/ou border-bottom.
604 border-bottom-left-radius CSS, Propriété, Reference
La propriété border-bottom-left-radius définit le rayon de courbure de la bordure pour le coin en bas à gauche de la boîte.
605 border-bottom-right-radius CSS, Propriété, Reference
La propriété border-bottom-right-radius définit le rayon de courbure de la bordure pour le coin en bas à droite de la boîte. L'arrondi peut être un fragment de cercle ou d'ellipse. Si une des valeurs vaut 0, aucun arrondi n'a lieu et le coin est un angle droit.
606 border-bottom-style CSS, Propriété, Reference
La propriété border-bottom-style définit le style de ligne utilisé pour mettre en forme la bordure en bas d'une boîte.
607 border-bottom-width CSS, Propriété, Reference
La propriété border-bottom-width définit l'épaisseur de la bordure pour le côté bas d'une boîte.
608 border-collapse CSS, Propriété, Reference
La propriété border-collapse détermine si les bordures d'un tableau sont séparées ou fusionnées. Quand elles sont séparées, chaque cellule du tableau a ses propres bordures, distinctes. Quand elles sont fusionnées, les bordures des cellules sont partagées.
609 border-color CSS, Propriété, Propriété raccourcie, Reference
La propriété border-color est une propriété raccourcie qui permet de définir la couleur de la bordure sur les quatre côtés de la boîte de bordure d'un élément.
610 border-image CSS, Propriété, Propriété raccourcie, Reference
La propriété border-image dessine une image sur la bordure d'un élément. C'est une propriété raccourcie qui permet de définir border-image-source, border-image-width, border-image-repeat, border-image-slice, border-image-outset.
611 border-image-outset CSS, Propriété, Reference
La propriété border-image-outset définit la distance avec laquelle la bordure est déplacée par rapport à la boîte de bordure.
612 border-image-repeat CSS, Propriété, Reference
La propriété border-image-repeat définit la façon dont les zones de l'image de bordure sont utilisée pour s'étendre sur chacun des côtés de la bordure. Cette propriété est multi-valuée : une valeur indiquera le comportement pour tous les côtés et deux valeurs indiqueront respectivement le comportement pour les côtés horizontaux et verticaux.
613 border-image-slice CSS, Propriété, Reference
La propriété border-image-slice permet de découper l'image fournie via la propriété border-image-source en 9 régions : quatre pour les coins, quatre pour les côtés et une pour le milieu. Ces régions sont définies à l'aide de quatre valeurs mesurées depuis les bords vers l'intérieur de l'image.
614 border-image-source CSS, Propriété, Reference
La propriété border-image-source définit l'image (type <image>) qu'on souhaite utiliser pour mettre en forme la bordure. Si la valeur de cette propriété vaut none, ce sera la mise en forme définie par la propriété border-style qui sera utilisée.
615 border-image-width CSS, Propriété, Reference
La propriété border-image-width définit la largeur de la bordure imagée.
616 border-inline CSS, Experimental, Propriété, Propriété logique, Reference
La propriété border-inline est une propriété raccourcie qui permet de paramétrer les différentes propriétés logiques relatives à la bordure sur l'axe en ligne.
617 border-inline-color CSS, Experimental, Propriété, Propriété logique, Reference
La propriété border-inline-color définit la couleur de la bordure d'un élément sur les côtés de l'axe en ligne. Cette propriété correspondra à différentes propriétés physiques pour les couleurs de la bordure selon le mode d'écriture de l'élément, sa direction et l'orientation du texte. Autrement dit, cette propriété logique peut correspondre à border-top-color et border-bottom-color ou à border-right-color et border-left-color selon les valeurs des propriétés writing-mode, direction et text-orientation.
618 border-inline-end CSS, Experimental, Propriété, Reference
La propriété border-inline-end est une propriété raccourcie qui permet de définir la bordure d'un élément pour le côté correspondant à la fin de l'élément dans le sens de lecture. Elle peut être utilisée pour définir les valeurs de border-inline-end-width, border-inline-end-style et border-inline-end-color.
619 border-inline-end-color CSS, Experimental, Propriété, Reference
La propriété border-inline-end-color définit la couleur de la bordure pour le côté de la fin de l'élément orienté dans l'axe de lecture. Elle correspond à une propriété physique selon le mode d'écriture de l'élément, sa directionnalité et l'orientation du texte. Autrement dit, elle correspond à l'une des propriétés border-top-colorborder-right-colorborder-bottom-color ou border-left-color selon les valeurs des propriétés writing-mode, direction et text-orientation.
620 border-inline-end-style CSS, Experimental, Propriété, Reference
La propriété border-inline-end-style définit le style de la bordure utilisé pour le côté de la fin de l'élément dans l'axe de lecture. Cette propriété logique correspondra à une propriété physique selon le mode d'écriture, la directionnalité et l'orientation du texte. Autrement dit, elle correspond à border-top-styleborder-right-styleborder-bottom-style ou à border-left-style selon les valeurs de writing-mode, direction et text-orientation.
621 border-inline-end-width CSS, Experimental, Propriété, Reference
Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner https://github.com/mdn/interactive-examples et à envoyer une pull request !
622 border-inline-start CSS, Experimental, Propriété, Propriété logique, Reference
La propriété border-inline-start est une propriété raccourcie qui permet de définir la bordure d'un élément pour le côté correspondant au début de l'élément dans le sens de lecture. Elle peut être utilisée pour définir les valeurs de border-inline-start-width, border-inline-start-style et border-inline-start-color.
623 border-inline-start-color CSS, Experimental, Propriété, Propriété logique, Reference
La propriété border-inline-start-color définit la couleur de la bordure pour le côté du début de l'élément orienté dans l'axe de lecture. Elle correspond à une propriété physique selon le mode d'écriture de l'élément, sa directionnalité et l'orientation du texte. Autrement dit, elle correspond à l'une des propriétés border-top-colorborder-right-colorborder-bottom-color ou border-left-color selon les valeurs des propriétés writing-mode, direction et text-orientation.
624 border-inline-start-style CSS, Experimental, Propriété, Reference
La propriété border-inline-start-style définit le style de la bordure utilisé pour le côté du début de l'élément dans l'axe de lecture. Cette propriété logique correspondra à une propriété physique selon le mode d'écriture, la directionnalité et l'orientation du texte. Autrement dit, elle correspond à border-top-styleborder-right-styleborder-bottom-style ou à border-left-style selon les valeurs de writing-mode, direction et text-orientation.
625 border-inline-start-width CSS, Experimental, Propriété, Propriété logique, Reference
Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner https://github.com/mdn/interactive-examples et à envoyer une pull request !
626 border-inline-style CSS, Experimental, Propriété, Propriété logique, Reference
La propriété border-inline-style permet de définir le style pour la bordure sur les côtés d'un élément qui correspondent à l'axe en ligne. Cette propriété logique correspond à différentes propriétés physiques selon le mode d'écriture, la direction et l'orientation du texte. Autrement dit, cette propriété correspond à border-top-style et border-bottom-style ou à border-left-style et border-right-style selon les valeurs des propriétés writing-mode, direction et text-orientation.
627 border-inline-width CSS, Experimental, Propriété, Propriété logique, Reference
La propriété border-inline-width définit la largeur de la bordure sur les côtés d'un élément sur les côtés de l'axe en ligne. Cette propriété logique peut correspondre à différentes propriétés physiques selon le mode d'écriture, la direction et l'orientation du texte. Autrement dit, cette propriété correspond à border-top-width et border-bottom-width ou à border-left-width et border-right-width selon les valeurs des propriétés writing-mode, direction et text-orientation.
628 border-left CSS, Propriété, Reference
La propriété border-left est une propriété raccourcie qui permet de définir les valeurs de :
629 border-left-color CSS, Propriété, Reference
La propriété border-left-color permet de définir la couleur utilisée pour la bordure gauche d'un élément. Pour avoir une formulation plus concise, on pourra utiliser les propriétés raccourcies border-color et/ou border-left.
630 border-left-style CSS, Propriété, Reference
La propriété border-left-style définit le style de ligne utilisé pour mettre en forme la bordure sur le côté gauche d'une boîte.
631 border-left-width CSS, Propriété, Reference
La propriété border-left-width définit l'épaisseur de la bordure pour le côté gauche d'une boîte.
632 border-radius CSS, Propriété, Reference, Web
La propriété border-radius permet de définir des coins arrondis pour la bordure d'un élément. La courbure de chaque coin est définie avec un ou deux rayons de courbures qui permettent de définir un arc de cercle ou un arc d'ellipse.
633 border-right CSS, Propriété, Reference
La propriété border-right est une propriété raccourcie qui permet de décrire la bordure droite d'un élément. Elle définit les valeurs des propriétés suivantes :
634 border-right-color CSS, Propriété, Reference
La propriété border-right-color permet de définir la couleur utilisée pour la bordure droite d'un élément. Pour avoir une formulation plus concise, on pourra utiliser les propriétés raccourcies border-color et/ou border-right.
635 border-right-style CSS, Propriété, Reference
La propriété border-right-style définit le style de ligne utilisé pour mettre en forme la bordure sur le côté droit d'une boîte.
636 border-right-width CSS, Propriété, Reference
La propriété border-right-width définit l'épaisseur de la bordure pour le côté droit d'une boîte.
637 border-spacing CSS, Propriété, Reference, Tableaux CSS
La propriété border-spacing définit la distance qu'il y a entre les bordures de cellules adjacentes d'un tableau (uniquement lorsque border-collapse vaut separate). Cette propriété est équivalente à l'attribut HTML déprécié cellspacing mais une deuxième valeur peut être utilisée afin d'obtenir un espacement vertical différent de l'espacement horizontal.
638 border-style CSS, Propriété, Reference
La propriété border-style est une propriété raccourcie qui permet de définir le style des lignes utilisées pour les bordures des quatre côtés de la boîte d'un élément.
639 border-top CSS, Propriété, Reference
La propriété border-top permet de paramétrer la bordure haute d'un élément. C'est une propriété raccourcie qui permet de définir les valeurs de :
640 border-top-color CSS, Propriété, Reference
La propriété border-top-color permet de définir la couleur utilisée pour la bordure haute d'un élément. Pour avoir une formulation plus concise, on pourra utiliser les propriétés raccourcies border-color et/ou border-top.
641 border-top-left-radius CSS, Propriété, Reference
La propriété border-top-left-radius définit le rayon de courbure de la bordure pour le coin en haut à gauche de la boîte. L'arrondi peut être un fragment de cercle ou d'ellipse. Si une des valeurs vaut 0, aucun arrondi n'a lieu et le coin est un angle droit.Un arrière-plan (que ce soit une couleur ou une image) sera rogné selon la bordure même si celle-ci est arrondie. L'endroit du rognage est défini selon la valeur de background-clip.
642 border-top-right-radius CSS, Propriété, Reference
La propriété border-top-right-radius définit le rayon de courbure de la bordure pour le coin en haut à droite de la boîte. L'arrondi peut être un fragment de cercle ou d'ellipse. Si une des valeurs vaut 0, aucun arrondi n'a lieu et le coin est un angle droit.
643 border-top-style CSS, Propriété, Reference
La propriété border-top-style définit le style de ligne utilisé pour mettre en forme la bordure en haut d'une boîte.
644 border-top-width CSS, Propriété, Reference
La propriété border-top-width définit l'épaisseur de la bordure pour le côté haut d'une boîte.
645 border-width CSS, Propriété, Reference
La propriété border-width définit la largeur d'une bordure pour la boîte d'un élément. Cette propriété est une propriété raccourcie pour définir les propriétés détaillées border-top-widthborder-right-widthborder-bottom-width et border-left-width.
646 bottom CSS, Propriété, Reference
La propriété bottom contribue à la définition de l'emplacement des éléments positionnés.
647 box-align CSS, Non-standard, Propriété, Reference
La propriété CSS box-align définit comment un élément aligne son contenu par rapport à l'axe orthogonal à la disposition. L'effet obtenu ne sera visible que s'il y a de l'espace supplémentaire dans la boîte flexible. Voir la page Flexbox pour plus d'informations.
648 box-decoration-break CSS, Experimental, Propriété, Reference
Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner https://github.com/mdn/interactive-examples et à envoyer une pull request !
649 box-direction CSS, Non-standard, Propriété, Reference
La propriété box-direction définit si une boîte doit organiser son contenu dans la direction normale (de haut en bas ou de gauche à droite). Pour plus de détails sur les propriétés des éléments flexibles, voir la page Flexbox.
650 box-flex CSS, Non-standard, Propriété, Reference
Cette propriété est utilisée pour contrôler certaines parties du modèle de boîtes XUL. Elle ne correspond ni à l'ancienne version de la spécification pour box-flex ni au comportement de -webkit-box-flex. Voir la page Flexbox pour plus d'informations sur ce qui doit être utilisé à la place.
651 box-flex-group CSS, Non-standard, Propriété, Reference
Voir la page Flexbox pour plus d'informations.
652 box-lines CSS, Non-standard, Propriété, Reference
Voir la page Flexbox pour plus d'informations.
653 box-ordinal-group CSS, Non-standard, Propriété, Reference
La propriété box-ordinal-group permet d'affecter les éléments fils d'une boîtes flexible à un groupe numéroté. Pour plus de détails, se référer à la page Flexbox qui décrit les différentes propriétés des boîtes flexibles.
654 box-orient CSS, Non-standard, Propriété, Reference
Voir la page Flexbox pour plus d'informations.
655 box-pack CSS, Non-standard, Propriété, Reference
Voir la page Flexbox pour plus d'informations.
656 box-shadow CSS, Propriété, Reference
La propriété box-shadow ajoute des ombres à la boîte via une liste d'ombres séparées par des virgules. Une boîte d'ombre est définie avec des décalages horizontal et vertical par rapport à l'élément, avec des rayons de flou et d'étalement et avec une couleur.
657 box-sizing CSS, Propriété, Reference
La propriété box-sizing est utilisée pour modifier le modèle de boîte CSS par défaut qui est utilisé pour calculer la largeur et la hauteur des éléments.
658 break-after CSS, Propriété, Reference
La propriété break-after décrit la façon dont la page, la colonne ou la région se fragmente après la boîte générée. S'il n'y a aucune boîte générée, la propriété est ignorée.
659 break-before CSS, Propriété, Reference
La propriété break-before décrit la façon dont la page, la colonne ou la région se fragmente avant la boîte générée. S'il n'y a aucune boîte générée, la propriété est ignorée.
660 break-inside CSS, Propriété, Reference
La propriété break-inside définit comment la page, la colonne ou la région se fragmente au sein de la boîte générée. S'il n'y a aucune boîte générée, la propriété est ignorée.
661 calc CSS, Fonction, Reference, Web
La fonction calc() peut être utilisée à n'importe quel endroit ou une <length>, <frequency>, <angle>, <time>, <number>, <percentage> ou <integer> est nécessaire. Grâce à calc(), il est possible de réaliser des calculs pour déterminer la valeur d'une propriété CSS.
662 caption-side CSS, Propriété, Reference
La propriété caption-side permet de choisir l'emplacement de la légende d'un tableau (représentée par l'élément <caption> du tableau). Les valeurs sont relatives au mode d'écriture (cf. writing-mode) du tableau.
663 caret-color CSS, Propriété, Reference, Web
La propriété CSS caret-color permet de définir la couleur du curseur visible à l'endroit où l'utilisateur peut ajouter du texte ou un autre contenu dans l'élément lorsqu'il saisit au clavier ou qu'il édite les informations.
664 clamp() CSS, Fonction, Reference
La fonction CSS clamp() permet de ramener (d'écrêter) une valeur entre deux bornes inférieure et supérieure. Cette fonction utilise trois paramètres : une valeur minimale, la valeur à tester et une valeur maximale. La fonction clamp() peut être utilisée à tout endroit où une valeur de type <length>, <frequency>, <angle>, <time>, <percentage><number> ou <integer> peut être utilisée.
665 clear CSS, Propriété, Reference
La propriété clear indique si un élément peut être situé à côté d'éléments flottants qui le précèdent ou s'il doit être déplacé vers le bas pour être en dessous de ces éléments. La propriété clear s'applique aux éléments flottants comme aux éléments non-flottants.
666 clip CSS, Déprécié, Propriété, Reference
La propriété clip permet de définir la zone d'un élément qui est visible. La propriété clip s'applique uniquement aux éléments positionnés de façon absolue (autrement dit, ceux avec position:absolute ou position:fixed).
667 clip-path CSS, Experimental, Propriété, Reference
La propriété clip-path empêche une portion d'un élément d'être affichée en définissant une région de rognage. Seule une zone spécifique de l'élément sera affichée. La zone de rognage est un chemin défini avec une URL faisant référence à un SVG externe ou en ligne ou grâce à une fonction de forme comme circle().
668 color CSS, Propriété, Reference
La propriété color permet de paramétrer la couleur de premier plan d'un élément texte et de ses éventuelles décorations. Elle définit également la valeur de currentcolor qui peut être utilisée pour d'autres propriétés (par exemple comme valeur par défaut pour border-color).
669 color-adjust CSS, Propriété, Reference, Web, color-adjust
La propriété CSS color-adjust contrôle la façon dont l'agent utilisateur peut optimiser l'apparence de l'élément sur l'appareil. Par défaut, le navigateur est autorisé à appliquer tous les ajustements qu'il estime nécessaires afin d'ajuster l'élément au mieux pour l'appareil utilisé.
670 column-count CSS, Propriété, Reference
La propriété column-count décrit le nombre de colonnes d'un élément lorsqu'on utilise une disposition en colonnes.
671 column-fill CSS, Propriété, Reference
La propriété column-fill permet de contrôler la façon dont le contenu est réparti entre les colonnes. Le contenu peut être équilibré (afin de prendre la même hauteur sur toutes les colonnes) ou être réparti de façon automatique (avec auto) et remplir l'espace nécessaire.
672 column-gap CSS, Propriété, Reference
La propriété column-gap permet de définir l'espace entre les colonnes d'un élément.
673 column-rule CSS, Propriété, Reference
Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner https://github.com/mdn/interactive-examples et à envoyer une pull request !
674 column-rule-color CSS, Propriété, Reference
La propriété column-rule-color permet de définir la couleur de la ligne tracée entre les colonnes lorsqu'on utilise une disposition en colonnes.
675 column-rule-style CSS, Propriété, Reference
La propriété column-rule-style permet de définir le style de la ligne tracée entre plusieurs colonnes lorsqu'on utilise une disposition en colonnes.
676 column-rule-width CSS, Propriété, Reference
La propriété column-rule-width permet de définir la largeur du trait tracé entre les colonnes lorsqu'on utilise une disposition en colonnes.
677 column-span CSS, Propriété, Reference
La propriété column-span permet à un élément de s'étendre sur toutes les colonnes lorsque la valeur de cette propriété est all. Un élément qui s'étend sur plus d'une colonne est appelé un élément étendu (spanning element).
678 column-width CSS, Propriété, Reference
La propriété column-width définit une largeur de colonne idéale lorsqu'on utilise une disposition en colonnes. Aussi, on aura le plus de colonnes possible et pour lesquelles aucune n'est moins large que column-width. La colonne réelle peut être plus petite que cette taille si son conteneur est moins large que cette valeur.
679 columns CSS, Propriété, Propriété raccourcie, Reference
La propriété columns est une propriété raccourcie permettant de définir les deux propriétés column-width (qui définit la largeur des colonnes) et column-count (qui définit le nombre de colonnes) en même temps.
680 contain CSS, Experimental, Non-standard, Propriété, Reference
La propriété CSS contain permet d'indiquer qu'un élément, ainsi que son contenu, sont, autant que possible, indépendants du reste de l'arbre du document. Cela permet au navigateur de recalculer la disposition, la mise en forme, la taille, les peintures ou toute combinaison de ces éléments pour une zone donnée du DOM plutôt que pour la page complète.
681 content CSS, Propriété, Reference
La propriété content est utilisée avec les pseudo-éléments ::before et ::after afin de générer le contenu d'un élément. Les objets insérés via la propriété content sont des éléments remplacés anonymes.
682 counter-increment CSS, Propriété, Reference
La propriété counter-increment est utilisée afin d'augmenter la valeur d'un compteur CSS d'une valeur donnée.
683 counter-reset CSS, Propriété, Reference
La propriété counter-reset permet de réinitialiser un compteur CSS avec une valeur donnée.
684 cursor CSS, Propriété, Reference
La propriété cursor définit la forme du curseur lorsque le pointeur est au-dessus de l'élément.
685 direction CSS, Propriété, Reference
La propriété direction doit être paramétrée afin de correspondre à la direction du texte: rtl (Right To Left pour droite à gauche) pour les textes en hébreu ou en arabe et ltr (Left To Right pour gauche à droite) pour les autres. Cela doit normalement être fait dans le document (par exemple, en utilisant l'attribut dir en HTML) plutôt qu'avec une feuille de style CSS.
686 display CSS, Propriété, Reference
La propriété display définit le type de boîte utilisée pour le rendu d'un élément. En HTML, les valeurs par défaut pour la propriété display sont définies dans les spécifications HTML pour chaque élément ou grâce à la feuille de style par défaut du navigateur ou celle de l'utilisateur. Pour les documents XML, la valeur par défaut est inline, y compris pour les éléments SVG.
687 display-inside CSS, Reference, Type
Ces mots-clés définissent le type d'affichage (display) pour l'intérieur de l'élément. Ce type servira à la disposition du contenu de l'élément (si ce contenu n'est pas un élément remplacé). Ces mots-clés sont des valeurs de la propriété display et peuvent, historiquement être utilisé seul, ou plus récemment (cf. la spécification de niveau 3), être utilisé en combinaison avec un mot-clé <display-outside>.
688 display-list CSS, Experimental, Propriété, Reference
La propriété display-list définit s'il faut afficher un marqueur de liste pour un élément.
689 display-outside CSS, Reference, Type de donnée
Les mots-clés de type <display-outside> définissent le mode de disposition extérieure de l'élément. Autrement dit, ces mots-clés précisent le rôle de l'élément dans le flux. Ces valeurs peuvent être utilisées pour la propriété display. La syntaxe historique (avant CSS 3) prendra une seule valeur et la nouvelle syntaxe combinera cette valeur avec une valeur <display-inside>.
690 element CSS, Fonction, Reference
La fonction element() définit une valeur <image> générée à partir d'un élément HTML arbitraire. L'image est calculée dynamiquement : si l'élément HTML change, les propriétés CSS utilisant la valeur seront automatiquement mis à jour.
691 empty-cells CSS, Propriété, Reference
La propriété empty-cells définit la façon dont l'agent utilisateur doit afficher les bordures et l'arrière-plan des cellules d'un tableau (<table>) qui n'ont aucun contenu visible.
692 env() CSS, CSS Function, CSS Variables, Experimental, Fonction, Reference, env()
La fonction CSS env() peut être utilisée afin d'insérer la valeur d'une variable d'environnement dans une règle. Les variables d'environnement sont globales pour un document donné, à la différence des propriétés personnalisées. La fonction env() peut être utilisée afin de remplacer la valeur à différents endroits, à la façon de la fonction var().
693 filter CSS, Propriété, Reference
La propriété filter permet d'appliquer des filtres et d'obtenir des effets graphiques de flou, de saturation, etc. Les filtres sont généralement utilisés pour ajuster le rendu d'une image, d'un arrière-plan ou des bordures.
694 fit-content() CSS, Experimental, Fonction, Reference, Web
La fonction CSS fit-content() permet d'obtenir une dimension restreinte à un intervalle donnée (en utilisant la formule  min(taille maximale, max(taille minimale, argument)).
695 flex CSS, Propriété, Reference
La propriété flex est une propriété raccourcie qui définit la capacité d'un élément flexible à modifier ses dimensions afin de remplir l'espace disponible de son conteneur. Les éléments flexibles peuvent être étirés ou réduits pour utiliser un espace proportionnel à leur coefficient de grossissement ou de rétrécissement afin de ne pas dépasser d'un conteneur. Les propriétés détaillées correspondantes à cette propriété raccourcie sont flex-shrink, flex-grow et flex-basis.
696 flex-basis CSS, Propriété, Reference
La propriété flex-basis détermine la base de flexibilité utilisée comme taille initiale principale pour un élément flexible. Cette propriété détermine la taille de la boîte de contenu sauf si une autre boîte est visée par box-sizing.
697 flex-direction CSS, Propriété, Reference
La propriété flex-direction indique la façon dont les éléments flexibles sont placés dans un conteneur flexible : elle définit l'axe principal et la direction des éléments (normale ou inversée).
698 flex-flow CSS, Propriété, Reference
La propriété flex-flow est une propriété raccourcie pour les propriétés flex-direction et flex-wrap.
699 flex-grow CSS, Propriété, Reference
La propriété flex-grow indique le facteur d'expansion d'un élément flexible. Elle indique la quantité d'espace que l'élément devrait consommer dans un conteneur flexible relativement à la taille des autres éléments du même conteneur. Si tous les éléments voisins possèdent le même facteur d'expansion, ils recevront tous la même part d'espace.
700 flex-shrink CSS, Propriété, Reference
La propriété flex-shrink indique le facteur de rétrécissement d'un élément flexible.
701 flex-wrap CSS, Propriété, Reference
La propriété flex-wrap indique si les éléments flexibles sont contraints à être disposés sur une seule ligne ou s'ils peuvent être affichés sur plusieurs lignes avec un retour automatique. Si le retour à la ligne est autorisé, la propriété permet également de contrôler la direction dans laquelle les lignes sont empilées.
702 float CSS, Propriété, Reference
La propriété float indique qu'un élément doit être retiré du flux normal et doit être placé sur le côté droit ou sur le côté gauche de son conteneur. Le texte et les autres éléments en ligne (inline) entoureront alors l'élément flottant.
703 font CSS, Polices CSS, Propriété, Reference
La propriété font est :
704 font-family CSS, Propriété, Reference
La propriété font-family permet de définir une liste, ordonnée par priorité, de polices à utiliser pour mettre en forme le texte de l'élément ciblé.
705 font-feature-settings CSS, Propriété, Reference
La propriété font-feature-settings permet de contrôler les fonctionnalités typographiques des polices OpenType.
706 font-kerning CSS, Propriété, Reference
La propriété font-kerning contrôle le crénage de la police ; c'est-à-dire l'espace créé entre les lettres. L'information de crénage est stockée dans la police et si la police est bien crénée, cette caractéristique permet aux caractères, quels qu'ils soient, d'être espacés de manière semblable.Exemple pour font-kerning
707 font-language-override CSS, Propriété, Reference
La propriété font-language-override permet de contrôler l'utilisation des glyphes spécifiques à une langue pour une police.
708 font-optical-sizing CSS, Propriété, Reference
La propriété CSS font-optical-sizing permet de contrôler la façon dont l'agent utilisateur rend le texte avec (ou non) différentes représentations visuelles en fonction de la taille.  Cette propriété ne fonctionne qu'avec les polices qui disposent d'un axe de variation pour la taille optique.
709 font-size CSS, Propriété, Reference
La propriété font-size permet de définir la taille de fonte utilisée pour le texte. La modification de cette taille peut entraîner la modification de la taille d'autres éléments car elle est utilisée pour calculer les valeurs des longueurs relatives (type <length>) (par exemple exprimées avec les unités em ou ex).
710 font-size-adjust CSS, Propriété, Reference
La propriété font-size-adjust permet de choisir une taille de police selon la taille des caractères en minuscules plutôt que selon la taille des majuscules.
711 font-smooth CSS, Non-standard, Propriété, Reference
La propriété font-smooth permet de contrôler l'application d'algorithmes anti-crénelage (anti-aliasing) sur le rendu des fontes de caractères.
712 font-stretch CSS, Propriété, Reference
La propriété font-stretch permet de choisir entre la forme normale, condensée ou étendue d'une police.
713 font-style CSS, Propriété, Reference
La propriété font-style permet de sélectionner une fonte italique (italic) ou (oblique) parmi celles listées par font-family.
714 font-synthesis CSS, Propriété, Reference
La propriété font-synthesis indique au navigateur s'il peut synthétiser la graisse ou la mise en italique des polices utilisées si ces variantes sont absentes.
715 font-variant CSS, Propriété, Reference
La propriété font-variant est une propriété raccourcie représentant les propriétés : font-variant-caps, font-variant-numeric, font-variant-alternates, font-variant-ligatures et font-variant-east-asian. On peut aussi utiliser les valeurs de la propriété font-variant définies avec CSS Level 2 (normal ou small-caps), en utilisant la propriété raccourcie font.
716 font-variant-alternates CSS, Propriété, Reference
La propriété font-variant-alternates contrôle l'utilisation de glyphes alternatifs. Ces glyphes peuvent être référencé par les noms définis avec la règle @ @font-feature-values.
717 font-variant-caps CSS, Propriété, Reference
La propriété font-variant-caps permet de contrôler les glyphes utilisés pour représenter les lettres en capitales. Les scripts peuvent avoir différents glyphes de différentes tailles pour les différentes représentations des capitales et cette propriété permet de choisir une de ces formes.
718 font-variant-east-asian CSS, Propriété, Reference
La propriété font-variant-east-asian contrôle l'utilisation des glyphes alternatifs pour les scripts japonais, chinois et d'Asie orientale.
719 font-variant-ligatures CSS, Propriété, Reference
Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner https://github.com/mdn/interactive-examples et à envoyer une pull request !
720 font-variant-numeric CSS, Propriété, Reference
La propriété font-variant-numeric permet de contrôler l'utilisation de glyphes alternatifs pour les nombres, fractions et les marqueurs ordinaux.
721 font-variant-position CSS, Propriété, Reference
La propriété font-variant-position permet d'utiliser des glyphes de plus petite taille positionnés en exposant ou en indice par rapport à la ligne de base utilisée (qui reste la même).
722 font-variation-settings CSS, NeedsExample, Propriété, Reference
La propriété CSS font-variation-settings permet de contrôler les caractéristiques typographiques de bas niveau pour les polices OpenType ou TrueType en utilisant les quatres lettres représentant les axes des caractéristiques qu'on souhaite faire varier, ainsi que les valeurs pour les variations associées.
723 font-weight CSS, Propriété, Reference
La propriété CSS font-weight permet de définir la graisse utilisée pour le texte. Les niveaux de graisse disponibles dépendent de la police (cf. font-family). Certaines fontes n'existent qu'avec les niveaux de graisses normal et bold.
724 gap (grid-gap) CSS, Propriété, Propriété raccourcie, Reference
La propriété gap est une propriété raccourcie pour row-gap et column-gap qui permet de définir les espaces entre les lignes et entre les colonnes d'une grille.
725 grid CSS, Propriété, Reference
La propriété grid est une propriété raccourcie qui permet de définir toutes les propriétés liées aux grilles CSS, qu'elles soient explicites (grid-template-rows, grid-template-columns et grid-template-areas), implicites (grid-auto-rows, grid-auto-columns et grid-auto-flow).
726 grid-area CSS, Propriété, Reference
La propriété grid-area est une propriété raccourcie pour grid-row-start, grid-column-start, grid-row-end et grid-column-end qui permet de définir la taille d'un objet de la grille et son emplacement.
727 grid-auto-columns CSS, Experimental, Propriété, Reference
La propriété grid-auto-columns définit la taille d'une colonne de grille créée de façon implicite.
728 grid-auto-flow CSS, Propriété, Reference
La propriété grid-auto-flow permet de contrôler la façon dont fonctionne l'algorithme de placement automatique. Celui-ci définit exactement comme les objets placés automatiquement s'inscrivent dans la grille.
729 grid-auto-rows CSS, Propriété, Reference
La propriété grid-auto-rows définit la taille d'une ligne de grille créée de façon implicite.
730 grid-column CSS, Propriété, Reference
La propriété grid-column est une propriété raccourcie pour grid-column-start et grid-column-end. Elle permet de définir la taille et l'emplacement d'un élément sur la grille en indiquant l'emplacement du début, de la fin et/ou sa taille.
731 grid-column-end CSS, Propriété, Reference
La propriété grid-column-end définit la position de la fin d'un élément de la grille dans une zone donnée ou sur un fragment de colonne donné.
732 grid-column-gap CSS, Propriété, Reference
La propriété grid-column-gap définit l'espacement entre les colonnes d'une grille.
733 grid-column-start CSS, Propriété, Reference
La propriété grid-column-start définit la position du début d'un élément (au sens des propriétés logiques *-block-start) en définissant la ligne ou la taille de fragment occupé sur la grille.
734 grid-row CSS, Propriété, Reference
La propriété grid-row est une propriété raccourcie pour grid-row-start et grid-row-end. Elle permet de définir la taille et l'emplacement d'un élément sur la grille en indiquant l'emplacement du début, de la fin et/ou sa taille.
735 grid-row-end CSS, Propriété, Reference
La propriété grid-row-end définit la position de la fin d'un élément de la grille dans une zone donnée ou sur un fragment de ligne donné.
736 grid-row-start CSS, Propriété, Reference
La propriété grid-row-start définit le début de la position, sur une ligne, d'un élément placé sur la grille qui participe à une ligne, à un fragment de ligne ou rien (automatique). Par conséquent, cela définit également le début de la zone de la grille pour cet élément.
737 grid-template CSS, Propriété, Reference
La propriété grid-template est une propriété raccourcie permettant de définir les colonnes, grilles et zones d'une grille.
738 grid-template-areas CSS, Propriété, Reference
La propriété grid-template-areas permet de définir des zones de grille nommées.
739 grid-template-columns CSS, Propriété, Reference
La propriété grid-template-columns définit les noms des lignes et les fonctions de taille (track sizing) pour les colonnes de la grille.
740 grid-template-rows CSS, Propriété, Reference
La propriété grid-template-rows définit les noms des lignes et les fonctions de taille (track sizing) pour les lignes de la grille.
741 hanging-punctuation CSS, Experimental, Propriété, Reference
La propriété hanging-punctuation indique si un signe de ponctuation se situant au début ou à la fin d'une ligne de texte doit rester sur cette ligne, quitte à sortir de la boîte qui représente la ligne.
742 height CSS, Propriété, Reference
La propriété height définit la hauteur de la boîte de contenu d'un élément. La boîte de contenu est à l'intérieur de la boîte de remplissage (padding) qui est à l'intérieur de la boîte de bordure qui est elle-même à l'intérieur de la boîte de marge de l'élément. Si la propriété box-sizing vaut border-box, cette propriété détermine la hauteur de la boîte de marge.
743 hyphens CSS, Propriété, Reference
La propriété hyphens indique au navigateur comment gérer les traits d'union lors des sauts de ligne. Grâce à elle, on peut empêcher l'utilisation des traits d'union en fin de ligne, contrôler quand ils sont ajoutés ou laisser le navigateur décider.
744 image-orientation CSS, Experimental, Propriété, Reference
La propriété image-orientation décrit la façon d'obtenir l'orientation correcte d'une image quelle que soit la disposition du document. Cette propriété ne doit pas être utilisée afin de tourner l'image pour d'autres cas, si besoin, on pourra utiliser la propriété transform avec la fonction rotate.
745 image-rendering CSS, Experimental, Propriété, Reference
La propriété image-rendering fournit une indication au navigateur à propos de l'algorithme qui devrait être utilisé pour redimensionner les images. Elle s'applique à l'élément visé, aux images fournies via les autres propriétés CSS et aux éléments fils.
746 ime-mode CSS, Obsolete, Propriété, Reference
La propriété ime-mode contrôle l'état de l'éditeur de méthode d'entrée (IME) pour la saisie des champs textuels.
747 inherit CSS, Mot-clé, Reference
Le mot-clé inherit est une valeur qui peut être utilisée pour qu'une propriété prenne la valeur calculée de la propriété pour l'élément parent. Cette valeur peut être utilisée sur n'importe quelle propriété CSS, y compris sur la propriété raccourcie all.
748 initial CSS, Cascade, Mot-clé, Reference
Le mot-clé initial applique la valeur initiale d'une propriété à un élément. Il peut être utilisé pour chaque propriété CSS. Cette propriété prendra alors la valeur initiale spécifiée pour cette la propriété.
749 initial-letter CSS, Experimental, Propriété, Reference
La propriété initial-letter permet de définir la mise en forme pour les lettrines (qu'elles soient abaissées, surélevées ou autre).
750 initial-letter-align CSS, Experimental, Propriété, Reference
La propriété initial-letter-align définit l'alignement des premières lettres d'un paragraphe lorsque celles-ci sont mises en avant grâce à initial-letter pour former une lettrine.
751 inline-size CSS, Experimental, Propriété, Propriété logique, Reference
La propriété inline-size définit la taille verticale ou horizontale d'un élément de bloc selon son mode d'écriture. Selon la valeur de writing-mode, cette propriété correspond à width quand le mode d'écriture n'est pas vertical ou à height sinon.
752 inset CSS, Experimental, Propriété, Propriété logique, Reference
La propriété inset définit les décalages d'un élément par rapport au début et à la fin de l'axe en ligne. Ces décalages peuvent correspondre à différents décalages physiques selon le mode d'écriture de l'élément, sa direction et l'orientation du texte. Autrement dit, cette propriété correspond aux propriétés top et bottom ou à right et left selon les valeurs des propriétés writing-mode, direction et text-orientation.
753 inset-block CSS, Experimental, Propriété, Propriété logique, Reference
La propriété inset-block définit le décalage d'un élément par rapport au début et à la fin de l'axe de bloc de l'élément. Cette propriété logique correspond à une propriété physique donnée selon le mode d'écriture de l'élément, sa direction et l'orientation de son texte. Autrement dit, cette propriété peut correspondre à top et bottom ou à right et left selon les valeurs des propriétés writing-mode, direction et text-orientation.
754 inset-block-end CSS, Experimental, Propriété, Reference
La propriété inset-block-end définit la fin du décalage logique en bloc (block) d'un élément, selon le mode d'écriture, la directionnalité et l'orientation. Elle correspond à une des propriétés parmi toprightbottom ou  left selon les valeurs des propriétés writing-mode, direction et text-orientation.
755 inset-block-start CSS, Experimental, Propriété, Reference
La propriété inset-block-start définit le début du décalage logique en bloc (block) d'un élément, selon le mode d'écriture, la directionnalité et l'orientation. Elle correspond à une des propriétés parmi toprightbottom ou  left selon les valeurs des propriétés writing-mode, direction et text-orientation.
756 inset-inline CSS, Experimental, Propriété, Propriété logique, Reference
La propriété inset-inline définit le décalage d'un élément par rapport au début et à la fin de l'axe en ligne de l'élément. Cette propriété logique correspond à une propriété physique donnée selon le mode d'écriture de l'élément, sa direction et l'orientation de son texte. Autrement dit, cette propriété peut correspondre à top et bottom ou à right et left selon les valeurs des propriétés writing-mode, direction et text-orientation.
757 inset-inline-end CSS, Experimental, Propriété, Reference
La propriété inset-inline-end définit la fin du décalage logique en ligne (inline) d'un élément, selon le mode d'écriture, la directionnalité et l'orientation. Elle correspond à une des propriétés parmi toprightbottom ou  left selon les valeurs des propriétés writing-mode, direction et text-orientation.
758 inset-inline-start CSS, Experimental, Propriété, Reference
La propriété inset-inline-start définit le début du décalage logique en ligne (inline) d'un élément, selon le mode d'écriture, la directionnalité et l'orientation. Elle correspond à une des propriétés parmi toprightbottom ou  left selon les valeurs des propriétés writing-mode, direction et text-orientation.
759 isolation CSS, Composition, Propriété, Reference
La propriété isolation indique que l'élément crée un nouveau contexte d'empilement (stacking context).
760 justify-content CSS, Propriété, Reference, flexbox
La propriété CSS justify-content indique la façon dont l'espace doit être réparti entre et autour des éléments selon l'axe principal d'un conteneur flexible ou selon l'axe en ligne lorsque le conteneur est une grille.
761 justify-items CSS, Propriété, Reference
La propriété CSS justify-items définit la valeur par défaut de justify-self pour tous les éléments d'une boîte et permet ainsi de définir le comportement par défaut pour la justification des éléments d'une boîte le long de l'axe en ligne (c'est-à-dire l'axe correspondant au sens d'écriture).
762 justify-self CSS, Propriété, Reference
La propriété CSS justify-self définit la façon dont une boîte est alignée sur l'axe en ligne du conteneur.
763 left CSS, Propriété, Reference
La propriété left permet de définir une partie de la position des éléments positionnés. Elle n'a aucun effet pour les éléments non-positionnés.
764 letter-spacing CSS, Propriété, Reference
La propriété letter-spacing définit l'interlettre utilisée pour les caractères qui composent le texte.
765 line-break CSS, Propriété, Reference
La propriété line-break définit la façon dont les sauts de ligne sont gérés. Cette propriété affecte uniquement les textes en chinois, japonais ou coréen (CJK).
766 line-height CSS, Propriété, Reference
Sur les éléments de bloc, la propriété line-height indique la hauteur minimale des lignes au sein de l'élément. Sur les éléments en ligne qui ne sont pas remplacés, line-height indique la hauteur utilisée pour calculer la hauteur de la boîte d'une ligne.
767 line-height-step CSS, Non-standard, Propriété, Reference
La propriété line-height-step définit le pas de hauteur des boîtes de ligne. Quand le pas est positif, les hauteurs des boîtes de ligne sont arrondies au pas le plus proche. Les valeurs négatives sont invalides.
768 linear-gradient CSS, Fonction, Reference
La fonction linear-gradient() permet de créer une image (type <image>) représentant un dégradé de couleur linéaire. Le résultat de la fonction sera un objet CSS <gradient>.
769 list-style CSS, Propriété, Reference
La propriété list-style est une propriété raccourcie qui permet de définir list-style-type, list-style-image et list-style-position.
770 list-style-image CSS, Propriété, Reference
La propriété list-style-image définit l'image utilisée comme puce devant les éléments de listes. On peut également utiliser la propriété raccourcie list-style.
771 list-style-position CSS, Propriété, Reference
La propriété list-style-position permet de définir la position du marqueur (cf. ::marker de liste par rapport à la boîte principale.
772 list-style-type CSS, Propriété, Reference
La propriété list-style-type permet de définir l'apparence de la puce d'un élément de liste (un cercle, un caractère, un compteur spécifique, etc.).
773 margin CSS, Propriété, Reference
La propriété margin définit la taille des marges sur les quatre côtés de l'élément. C'est une propriété raccourcie qui permet de manipuler les autres propriétés de marges : margin-top, margin-right, margin-bottom and margin-left.
774 margin-block CSS, Experimental, Propriété, Propriété logique, Reference
La propriété margin-block définit la marge sur les côtés de l'élément qui sont ceux de l'axe de bloc. Cette propriété logique peut correspondre à différentes marges selon le mode d'écriture de l'élément, sa direction ou l'orientation du texte. Autrement dit, cette propriété peut correspondre aux propriétés margin-top et margin-bottom ou à   margin-right et margin-left selon les valeurs des propriétés writing-mode, direction et text-orientation.
775 margin-block-end CSS, Experimental, Propriété, Reference
La propriété margin-block-end définit la marge logique appliquée à la fin des éléments de bloc, selon le mode d'écriture, la directionnalité et l'orientation du texte. Selon les valeurs utilisées pour writing-mode, direction, and text-orientation, elle peut correspondre à margin-topmargin-rightmargin-bottom ou margin-left.
776 margin-block-start CSS, Experimental, Propriété, Reference
La propriété margin-block-start définit la marge logique appliquée au début des éléments en bloc, selon le mode d'écriture, la directionalité et l'orientation du texte. Selon les valeurs utilisées pour writing-mode, direction, and text-orientation, elle peut correspondre à margin-topmargin-rightmargin-bottom ou margin-left.
777 margin-bottom CSS, Propriété, Reference
La propriété margin-bottom définit la marge basse appliquée à un élément. On peut définir une marge négative qui rapprochera l'élément de ses voisins ou une marge positive qui l'en écartera..
778 margin-inline CSS, Experimental, Propriété, Propriété logique, Reference
La propriété margin-inline définit la marge sur les côtés de l'élément qui sont ceux de l'axe en ligne. Cette propriété logique peut correspondre à différentes marges selon le mode d'écriture de l'élément, sa direction ou l'orientation du texte. Autrement dit, cette propriété peut correspondre aux propriétés margin-top et margin-bottom ou à   margin-right et margin-left selon les valeurs des propriétés writing-mode, direction et text-orientation.
779 margin-inline-end CSS, Experimental, Propriété, Reference
La propriété margin-inline-end définit la marge logique appliquée à la fin des éléments en ligne, selon le mode d'écriture, la directionalité et l'orientation du texte. Selon les valeurs utilisées pour writing-mode, direction, and text-orientation, elle peut correspondre à margin-topmargin-rightmargin-bottom ou margin-left.
780 margin-inline-start CSS, Experimental, Propriété, Reference
La propriété margin-inline-start définit la marge logique appliquée au début des éléments en ligne, selon le mode d'écriture, la directionalité et l'orientation du texte. Selon les valeurs utilisées pour writing-mode, direction, and text-orientation, elle peut correspondre à margin-topmargin-rightmargin-bottom ou margin-left.
781 margin-left CSS, Propriété, Reference
La propriété margin-left d'un élément définit l'espace horizontal à gauche qui formera la marge à gauche de l'élément. On peut avoir une marge gauche négative qui rapproche l'élément de ses voisins ou une marge positive qui l'en écarte.
782 margin-right CSS, Propriété, Reference
La propriété margin-right d'un élément définit l'espace horizontal à droite qui formera la marge à droite. On peut avoir une marge droite négative.
783 margin-top CSS, Propriété, Reference
La propriété margin-top définit l'espace vertical pour la marge appliquée en haut de l'élément. Une valeur négative peut être utilisée.
784 margin-trim CSS, Draft, Experimental, Propriété, Reference
La propriété margin-trim permet à un conteneur de rogner les marges de ses éléments enfants qui sont adjacentes aux bords du conteneur.
785 mask CSS, Propriété, Reference, SVG
La propriété mask permet de masquer un élément partiellement ou complètement en utilisant un masque apposé sur l'image ou en rognant l'image aux positions données. Cette propriété est une propriété raccourcie pour les propriétés mask-image, mask-mode, mask-repeat, mask-position, mask-clip, mask-origin, mask-size et mask-composite .
786 mask-border CSS, Experimental, Propriété, Propriété raccourcie, Reference
La propriété CSS mask-border permet de créer un masque le long de la bordure d'un élément.
787 mask-border-mode CSS, Experimental, Propriété, Reference
La propriété CSS mask-border-mode indique le mode de fusion utilisé pour le masque de bordure.
788 mask-border-outset CSS, Experimental, Propriété, Reference
La propriété CSS mask-border-outset indique la distance entre le masque de la bordure et la boîte de la bordure.
789 mask-border-repeat CSS, Experimental, Propriété, Reference
La propriété CSS mask-border-repeat indique la façon dont les régions du bord du masque sont ajustées pour correspondre aux dimensions de la bordure de l'élément.
790 mask-border-slice CSS, Experimental, Propriété, Reference
La propriété CSS mask-border-slice permet de découper l'image source, fournie par mask-border-source, en différentes régions. Ces régions sont utilisées pour former les composants du masque de la bordure.
791 mask-border-source CSS, Experimental, Propriété, Reference
La propriété CSS mask-border-source définit l'image à utiliser pour créer le masque de bordure d'un élément.
792 mask-border-width CSS, Experimental, Propriété, Reference
La propriété CSS mask-border-width définit la largeur du masque de bordure d'un élément.
793 mask-clip CSS, Experimental, Propriété, Reference
Un ou plusieurs mots-clés parmi ceux listés ci-après, chacun séparé par une virgule.
794 mask-composite CSS, Experimental, Propriété, Reference
La propriété mask-composite permet d'effectuer une opération de composition entre le masque situé sur la couche de l'élément et le masque présent en dessous.
795 mask-image CSS, Experimental, Propriété, Reference
La propriété mask-image définit l'image qui sera utilisée comme masque pour un élément.
796 mask-mode CSS, Experimental, Propriété, Reference
La propriété mask-mode détermine si le masque défini par mask-image est considéré comme un masque de luminance ou un masque alpha (transparence).
797 mask-origin CSS, Experimental, Propriété, Reference
La propriété mask-origin permet de définir l'origine à partir de laquelle placer le masque.
798 mask-position CSS, Experimental, Propriété, Reference
La propriété mask-position indique la position initiale pour chaque image de masque utilisée. Cette position est relative à l'origine définie via la propriété mask-origin.
799 mask-repeat CSS, Experimental, Propriété, Reference
La propriété mask-repeat définit la façon dont les images de masque sont répétées. Une image de masque peut être répétée horizontalement, verticalement, dans les deux directions ou pas du tout.
800 mask-size CSS, Experimental, Propriété, Reference
La propriété mask-size définit les dimensions des images utilisées comme masques. La taille de l'image peut être contrainte, partiellement ou complètement, afin de conserver ses proportions intrinsèques.
801 mask-type CSS, Propriété, Reference, SVG
La propriété mask-type définit si un masque sera utilisé comme un masque de luminance ou comme un masque de transparence (aussi appelé masque alpha). Cette propriété s'applique sur l'élément SVG <mask>. Le comportement de cette propriété peut être surchargée par la propriété mask-mode qui définit sur quel élément le masque est appliqué. De façon générale, les masques alpha sont appliqués plus rapidement que les masques de luminance.
802 max() CSS, Fonction, Reference
La fonction CSS max() permet d'obtenir la plus grande valeurs parmi une liste d'expressions, séparées par des virgules afin d'utiliser ce maximum comme valeur d'une propriété CSS. La fonction max() peut être utilisée à tout endroit où une valeur de type <length>, <frequency>, <angle>, <time>, <percentage><number> ou <integer> est autorisée.
803 max-block-size CSS, Experimental, Propriété, Reference
La propriété max-block-size définit la taille maximale horizontale ou verticale d'un élément selon l'axe perpendiculaire (l'axe de bloc) au sens d'écriture indiqué par writing-mode. Elle correspond à la propriété max-width ou max-height selon la valeur utilisée pour writing-mode. Si le mode d'écriture est orienté verticalement, max-block-size fait référence à la hauteur maximale de l'élément, sinon elle fait référence à la largeur maximale de l'élément.
804 max-height CSS, Propriété, Reference
La propriété max-height est utilisée pour définir la hauteur maximale d'un élément donné. Elle empêche la valeur de la propriété height de devenir supérieure à la valeur spécifiée par max-height (autrement dit, max-height est une borne supérieure pour height).
805 max-inline-size CSS, Experimental, Propriété, Reference
La propriété CSS max-inline-size définit la taille maximale horizontale ou verticale d'un élément en ligne (inline) selon le mode d'écriture utilisé. Elle correspond à la propriété max-width ou max-height selon la valeur utilisée pour writing-mode. Si le mode d'écriture est orienté verticalement, max-inline-size fait référence à la hauteur maximale de l'élément, sinon elle fait référence à la largeur maximale de l'élément. La propriété max-block-size peut être utilisée pour les blocs.
806 max-width CSS, Propriété, Reference
La propriété max-width est utilisée pour définir la largeur maximale d'un élément donné. Elle empêche la valeur de la propriété width de devenir supérieure à la valeur spécifiée par max-width (autrement dit, max-width est une borne supérieur pour width).
807 min() CSS, Fonction, Reference
La fonction CSS min() permet d'obtenir la plus petite valeurs parmi une liste d'expressions, séparées par des virgules afin d'utiliser ce minimum comme valeur d'une propriété CSS. La fonction min() peut être utilisée à tout endroit où une valeur de type <length>, <frequency>, <angle>, <time>, <percentage><number> ou <integer> est autorisée.
808 min-block-size CSS, Expérimental(2), Propriété, Référence(2)
Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner https://github.com/mdn/interactive-examples et à envoyer une pull request !
809 min-height CSS, Propriété, Reference
La propriété min-height est utilisée afin de définir la hauteur minimale d'un élément. Elle empêche ainsi que la valeur de la propriété height devienne inférieure à min-height.
810 min-inline-size CSS, Experimental, Propriété, Propriété logique, Reference
Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner https://github.com/mdn/interactive-examples et à envoyer une pull request !
811 min-width CSS, Propriété, Reference
La propriété min-width est utilisée pour définir la largeur minimale d'un élément donné. Elle empêche la valeur de la propriété width de devenir inférieure à la valeur spécifiée par min-width (autrement dit, min-width est une borne inférieure pour width).
812 minmax() CSS, Experimental, Fonction, Reference, Web
La fonction CSS minmax() définit un intervalle de taille compris (au sens large) entre min et max. Cette fonction est utilisée avec les grilles CSS.
813 mix-blend-mode CSS, Propriété, Reference
La propriété mix-blend-mode définit la façon dont le contenu d'un élément doit se mélanger avec le contenu de l'élément parent et avec son arrière-plan.
814 none CSS, Référence CSS
none est une valeur commune pour la plupart des propriétés CSS et souvent c'est la valeur par défaut. On peut la comparer à la valeur normal qui peut être utilisée de manière similaire pour d'autres propriétés.
815 normal CSS, Référence CSS
normal est une valeur commune pour certaines propriétés CSS et souvent c'est la valeur par défaut. On peut la comparer à la valeur none qui peut être utilisée de manière similaire pour d'autres propriétés.
816 object-fit CSS, Propriété, Reference
La propriété CSS object-fit définit la façon dont le contenu d'un élément remplacé (<img> ou <video> par exemple) doit s'adapter à son parent en utilisant sa largeur et sa hauteur.
817 object-position CSS, Propriété, Reference
La propriété object-position détermine l'alignement d'un élément remplacé au sein de sa boîte. Les zones de la boîtes qui ne sont pas recouvertes par le contenu de l'élément remplacé montreront l'arrière-plan de l'élément.
818 offset CSS, Draft, Experimental, Propriété, Reference
La propriété offset est une propriété raccourcie pour les propriétés offset-path, offset-position, offset-distance, offset-rotate et offset-anchor. Elle permet d'animer un élément sur un tracé défini.
819 offset-distance CSS, Draft, NeedsContent, NeedsLiveSample, Propriété, Reference
La propriété offset-distance définit la position de l'élément selon le tracé dessiné par offset-path.
820 offset-path CSS, Propriété, Reference
La propriété offset-path définit le tracé d'un mouvement sur lequel un élément est positionné. La position exacte de l'élément sur ce tracé est déterminée grâce à la propriété offset-distance. Le tracé d'un mouvement peut être défini grâce à un chemin ou à plusieurs chemins successifs ou encore grâce à la géométrie d'une forme. Chaque forme ou chemin doit définir une position initiale pour la valeur calculée 0 de offset-distance ainsi qu'une direction initiale qui définit la rotation de l'objet dans sa position initiale.
821 offset-rotate Draft, NeedsContent, NeedsLiveSample, Propriété, Reference
La propriété offset-rotate définit la direction de l'élément lorsqu'il est positionné sur le tracé d'un mouvement.
822 opacity CSS, Propriété, Reference
La propriété opacity définit la transparence d'un élément. Autrement dit, elle permet de définir le degré de visibilité de l'arrière-plan sur lequel est placé l'élément.
823 order CSS, Propriété, Reference
La propriété order définit l'ordre avec lequel on dessine les éléments flexibles ou d'une grille dans leur conteneur flexible ou dans la grille. Les éléments sont appliqués dans l'ordre croissant des valeurs de order. Les éléments ayant la même valeur pour order seront appliqués dans l'ordre selon lequel ils apparaissent dans le code source du document.
824 orphans CSS, Propriété, Reference
La propriété orphans définit le nombre minimum de lignes qui doivent rester en bas d'une page, d'une région ou d'une colonne dans un conteneur de bloc.
825 outline CSS, Propriété, Reference
La propriété outline est une propriété raccourcie qui permet de définir, dans une seule déclaration, une ou plusieurs des propriétés parmi outline-style, outline-width et outline-color.
826 outline-color CSS, Propriété, Reference
La propriété outline-color permet de définir la couleur avec laquelle on trace le conteur de l'élément. Ce contour est tracé autour de la boîte de bordure et peut être utilisé pour faire ressortir l'élément.
827 outline-offset CSS, Propriété, Reference
La propriété outline-offset définit l'espace qu'il y a entre la bordure dessinée par outline et le bord de la boîte de bordure d'un élément. Cet espace est transparent et la couleur visible en arrière-plan sera déterminée par l'élément parent.
828 outline-style CSS, Propriété, Reference
La propriété outline-style permet de définir la mise en forme utilisée pour dessiner la bordure d'un élément. Cette bordure est dessinée autour de la boîte de bordure et peut être utilisée afin de faire ressortir l'élément.
829 outline-width CSS, Propriété, Reference
La propriété CSS outline-width est utilisée afin de définir l'épaisseur de la bordure (outline) d'un élément. Cette bordure est dessinée autour des éléments et délimite la boîte de bordure. Visuellement, cela permet de faire ressortir l'élément.
830 overflow CSS, Propriété, Propriété raccourcie, Reference
La propriété overflow est une propriété raccourcie pour les propriétés overflow-x et overflow-y. Elle définit comment gérer le dépassement, c'est-à-dire comment rogner le contenu, comment afficher les barres de défilement ou encore comment afficher le contenu sortant du cadre dans un élément de type bloc.
831 overflow-anchor CSS, Propriété, Reference
La propriété overflow-anchor permet d'éviter, lors du défilement, que le navigateur ajuste la position afin de minimiser le déplacement du contenu.
832 overflow-clip-box-block CSS, Non-standard, Propriété, Reference
La propriété CSS overflow-clip-box-block définit par rapport à quelle boîte est appliqué le rognement lorsque le contenu dépasse dans la direction de bloc (la direction orthogonale au sens d'écriture).
833 overflow-clip-box-inline CSS, Non-standard, Propriété, Reference
La propriété CSS overflow-clip-box-inline définit par rapport à quelle boîte est appliqué le rognement lorsque le contenu dépasse dans la direction en ligne (la direction correspondant au sens d'écriture).
834 overflow-wrap CSS, Propriété, Reference
La propriété overflow-wrap est utilisée pour définir si le navigateur peut ou non faire la césure à l'intérieur d'un mot pour éviter le dépassement d'une chaîne qui serait trop longue afin qu'elle ne dépasse pas de la boîte.
835 overflow-x CSS, Propriété, Reference
La propriété overflow-x permet de définir les mécanismes à utiliser (rognage, ascenseurs, dépassement, etc.) lorsque le contenu dépasse des bords droit et gauche de la boîte de contenu.
836 overflow-y CSS, Propriété, Reference
La propriété overflow-y permet de définir les mécanismes à utiliser (rognage, ascenseurs, dépassement, etc.) lorsque le contenu dépasse des bords haut et bas de la boîte.
837 overscroll-behavior CSS, Propriété, Propriété raccourcie, Reference
La propriété CSS overscroll-behavior est une propriété raccourcie permettant de définir les propriétés overscroll-behavior-x et overscroll-behavior-y. Ces propriétés contrôlent le comportement du navigateur lorsqu'on dépasse la limite d'une zone de défilement (scrolling).
838 overscroll-behavior-x CSS, Non-standard, Propriété, Reference
La propriété CSS overscroll-behavior-x définit le comportement de l'agent utilisateur lorsqu'on atteint la limite de la zone de défilement sur l'axe horizontal.
839 overscroll-behavior-y CSS, Non-standard, Propriété, Reference
La propriété CSS overscroll-behavior-y permet de contrôler le comportement de l'agent utilisateur lorsqu'on atteint la limite de la zone de défilement sur l'axe vertical.
840 padding CSS, Propriété, Propriété raccourcie, Reference
La propriété padding est une propriété raccourcie qui permet de définir les différents écarts de remplissage sur les quatre côtés d'un élément (cf. les boîtes CSS). Elle synthétise padding-top, padding-right, padding-bottom, padding-left.
841 padding-block CSS, Experimental, Propriété, Propriété logique, Reference
La propriété padding-block définit l'espace de remplissage (padding) pour le début et la fin de l'axe de bloc de l'élément. Cette propriété logique peut correspondre à différentes propriétés physiques selon le mode d'écriture de l'élément, sa direction et l'orientation du texte. Autrement dit, cette propriété peut correspondre aux propriétés padding-top et  padding-bottom ou à padding-right et padding-left selon les valeurs des propriétés writing-mode, direction et text-orientation.
842 padding-block-end CSS, Experimental, Propriété, Reference
La propriété padding-block-end définit le début logique de la zone de remplissage d'un élément de bloc. Cette propriété logique est traduite en une propriété physique selon le mode d'écriture, la directionnalité et l'orientation du texte. Autrement dit, elle correspond à la propriété padding-toppadding-rightpadding-bottom ou padding-left selon les valeurs qui sont utilisées pour writing-mode, direction et text-orientation.
843 padding-block-start CSS, Experimental, Propriété, Reference
La propriété padding-block-start définit le début logique de la zone de remplissage d'un élément de bloc. Cette propriété logique est traduite en une propriété physique selon le mode d'écriture, la directionnalité et l'orientation du texte. Autrement dit, elle correspond à la propriété padding-toppadding-rightpadding-bottom ou padding-left selon les valeurs qui sont utilisées pour writing-mode, direction et text-orientation.
844 padding-bottom CSS, Propriété, Reference
La propriété padding-bottom d'un élément ajuste la hauteur de la boîte de remplissage (padding) en haut de l'élément. La zone de remplissage correspond à l'espace entre le contenu et la bordure. Contrairement à margin-bottom, padding-bottom ne peut pas recevoir de valeurs négatives.
845 padding-inline CSS, Experimental, Propriété, Propriété logique, Reference
La propriété padding-inline définit l'espace de remplissage (padding) pour le début et la fin de l'axe en linge de l'élément. Cette propriété logique peut correspondre à différentes propriétés physiques selon le mode d'écriture de l'élément, sa direction et l'orientation du texte. Autrement dit, cette propriété peut correspondre aux propriétés padding-top et  padding-bottom ou à padding-right et padding-left selon les valeurs des propriétés writing-mode, direction et text-orientation.
846 padding-inline-end CSS, Experimental, Propriété, Reference
La propriété padding-inline-end définit le décalage avec la fin de la zone de remplissage d'un élément, selon le mode d'écriture, la directionnalité et l'orientation du texte. Elle correspond à la propriété padding-toppadding-rightpadding-bottom ou padding-left slon les valeurs définies poru writing-mode, direction et text-orientation.
847 padding-inline-start CSS, Experimental, Propriété, Reference
La propriété padding-inline-start définit le décalage avec le début de la zone de remplissage d'un élément, selon le mode d'écriture, la directionnalité et l'orientation du texte. Elle correspond à la propriété padding-toppadding-rightpadding-bottom ou padding-left selon les valeurs définies pour writing-mode, direction et text-orientation.
848 padding-left CSS, Propriété, Reference
La propriété padding-left d'un élément correspond à l'espace nécessaire à la gauche d'un élément. La zone de remplissage correspond à l'espace entre le contenu et la bordure. padding-left ne peut pas recevoir de valeurs négatives.
849 padding-right CSS, Propriété, Reference
La propriété padding-right d'un élément correspond à l'espace nécessaire à la droite d'un élément. La zone de remplissage correspond à l'espace entre le contenu et la bordure. padding-right ne peut pas recevoir de valeurs négatives.
850 padding-top CSS, Propriété, Référence(2)
La propriété padding-top d'un élément ajuste la hauteur de la boîte de remplissage (padding) en haut de l'élément. La zone de remplissage correspond à l'espace entre le contenu et la bordure. Contrairement à margin-top, padding-top ne peut pas recevoir de valeurs négatives.
851 page-break-after CSS, Propriété, Reference
La propriété CSS page-break-after permet d'ajuster les sauts de page placés après l'élément courant.
852 page-break-before CSS, Propriété, Reference
La propriété CSS page-break-before permet d'ajuster les sauts de page placés avant l'élément courant.Cette propriété s'applique aux éléments de blocs qui génèrent une boîte. Elle ne s'appliquera pas à un <div> qui ne génère pas de boîte.
853 page-break-inside CSS, Propriété, Reference
La propriété page-break-inside ajuste la façon dont sont appliqués les sauts de page au sein de l'élément courant.
854 paint-order CSS, Propriété, Reference, SVG, Web
La propriété paint-order permet de contrôler l'ordre dans lequel le remplissage, les marqueurs de peinture et le contour du texte et des formes sont dessinés.
855 perspective CSS, Propriétés, Reference, Transformations CSS
La propriété perspective détermine la distance entre le plan d'équation z = 0 et la position de l'utilisateur afin de donner une perspective aux objets positionnés dans l'espace 3D. Chaque élément pour lequel la côte (z) est positif sera plus grand et chaque élément pour lequel z est négatif apparaîtra plus petit. La force de cet effet est déterminée par la valeur de cette propriété.
856 perspective-origin CSS, Propriété, Reference, Transformations CSS
La propriété perspective-origin détermine la poisition depuis laquelle le spectateur regarde le document. Elle est utilisée comme point de fuite par la propriété perspective.
857 place-content CSS, Propriété, Propriété raccourcie, Reference
La propriété raccourcie place-content permet de définir les valeurs des propriétés align-content et justify-content. Elle peut être utilisée pour n'importe quelle méthode de disposition (boîtes flexibles, grilles, etc;) qui prend en charge ces deux propriétés d'alignement.
858 place-items CSS, Propriété, Propriété raccourcie, Reference
La propriété raccourcie place-items définit les valeurs utilisées pour les propriétés align-items et justify-items. La première valeur fournie est utilisée pour align-items et la seconde est utilisée pour justify-items. S'il n'y a pas de seconde valeur fournie, c'est la première qui est reprise pour justify-items.
859 place-self CSS, Propriété, Propriété raccourcie, Reference
La propriété place-self est une propriété raccourcie qui permet de paramétrer les valeurs des propriétés align-self et  justify-self. La première valeur sera utilisée pour align-self et la seconde pour justify-self. S'il n'y a pas de seconde valeur, la première sera également utilisée pour justify-self.
860 pointer-events CSS, Propriété, Reference, SVG
La propriété CSS pointer-events permet aux auteurs de contrôler les circonstances dans lesquelles un élément graphique peut recevoir des événements de la souris, du pointeur ou du doigt.
861 position CSS, Propriété, Reference
La propriété position définit la façon dont un élément est positionné dans un document. Les propriétés top, right, bottom et left déterminent l'emplacement final de l'élément positionné.
862 quotes CSS, Propriété, Reference, Web
La propriété quotes indique la façon dont les marques de citation sont affichées.
863 radial-gradient CSS, Fonction, Reference
La fonction radial-gradient() permet de créer une <image> CSS représentant un dégradé de couleur. Ce dégradé diffuse depuis une origine, le centre du gradient. La valeur renvoyée par cette fonction est un objet CSS de type <gradient>.
864 repeat() CSS, Fonction, Grille CSS, Reference, Web
La fonction CSS repeat() permet de répéter un fragment d'une liste de pistes. Autrement dit, lorsqu'on a une grille avec de nombreuses lignes/colonnes, cela permet de réutiliser un même motif sur la grille. On a alors des règles plus concises.
865 repeating-linear-gradient CSS, Fonction, Reference
La fonction CSS repeating-linear-gradient créé une <image> composée de dégradés qui se répètent. Cela fonctionne de manière similaire aux dégradés linéaires simples décrits les mêmes arguments que les dégradés linéaires basiques représentés avec linear-gradient mais les points d'arrêt des couleurs sont automatiquement répétés, indéfiniment, dans les deux directions (les points d'arrêt sont répétés d'autant que la distance qui sépare le premier et le dernier point d'arrêt).
866 repeating-radial-gradient() CSS, Fonction, Reference
La fonction repeating-radial-gradient() fonctionne de façon similaire à radial-gradient mais répète les couleurs de façon infinie dans les deux directions avec des répétitions formant des bandes de gradient.
867 resize CSS, Propriété, Reference
La propriété resize permet de contrôler le caractère redimensionnable d'un élément et notamment la direction dans laquelle celui-ci peut être redimensionné.
868 revert CSS, Cascade, Mot-clé, Reference
Le mot-clé revert permet de remonter la cascade afin que la propriété puisse prendre la valeur qui aurait été utilisée sans mise en forme particulière (la valeur qu'elle aurait eu sans mise en forme appliquée par la feuille de style de l'auteur, de l'utilisateur ou de l'agent utilisateur). S'il est utilisée dans une feuille de style d'un auteur web (le cas normal), cela réinitialisera la propriété avec la valeur par défaut définie par la feuille de style de l'agent utilisateur (ou par le style utilisateur s'il y en a un). Ce mot-clé peut être utilisé sur n'importe quelle propriété CSS, y compris la propriété raccourcie all.
869 right CSS, Propriété, Reference
La propriété right définit, en partie, la position des éléments positionnés. La propriété right n'a aucun effet sur les éléments non-positionnés.
870 rotate CSS, Propriété, Reference
La propriété rotate permet d'indiquer des rotations individuellement et indépendamment de la propriété transform. Cela peut être utile pour la construction d'une interface utilisateur et évite d'avoir à se souvenir de l'ordre exact des fonctions de transformations à indiquer pour transform.
871 row-gap (grid-row-gap) CSS, Propriété, Reference
La propriété row-gap définit la taille des gouttières entre les lignes d'un élément.
872 ruby-align CSS, Non-standard, Propriété, Reference, Ruby
La propriété ruby-align définit la façon dont les éléments ruby sont distribués autour du texte de base.
873 ruby-position CSS, Propriété, Reference, Ruby
La propriété ruby-position définit la position d'un élément ruby par rapport à son élément de base. L'élément ruby peut ainsi être positionné au-dessus de l'élément (over), en-dessous (under) ou entre les caractères, sur leur droite (inter-character).
874 scale CSS, Propriété, Reference
La propriété scale permet de mise à l'échelle individuellement et indépendamment de la propriété transform. Cela peut être utile pour la construction d'une interface utilisateur et évite d'avoir à se souvenir de l'ordre exact des fonctions de transformations à indiquer pour transform.
875 scroll-behavior CSS, CSSOM, Propriété, Reference
La propriété scroll-behavior définit le comportement du défilement pour une boîte de défilement lorsque celui-ci provient de la navigation ou des API CSSOM. Pour les autres défilements, appliqués par l'utilisateur, cette propriété n'a aucun impact. Lorsque cette propriété est définie sur l'élément racine, elle s'applique à la zone d'affichage (viewport).
876 scroll-margin CSS, Propriété, Propriété raccourcie, Reference
La propriété scroll-margin est une propriété raccourcie qui permet de définir l'ensemble des propriétés scroll-margin-top, scroll-margin-left, scroll-margin-bottom et scroll-margin-right (de la même façon que la propriété margin définit les différents côtés des marges).
877 scroll-margin-block CSS, Propriété, Propriété logique, Propriété raccourcie, Reference
La propriété scroll-margin-block est une propriété raccourcie logique qui définit les marges de défilement sur l'axe de bloc (i.e. les propriétés logiques scroll-margin-block-start et scroll-margin-block-end).
878 scroll-margin-block-end CSS, Propriété, Propriété logique, Reference
La propriété scroll-margin-block-end définit la marge de défilement de l'élément sur la fin de l'axe de bloc. La zone de défilement est déterminée en prenant la boîte de bordure modifiée, en prenant le rectangle englobant puis en ajoutant les décalages indiqués.
879 scroll-margin-block-start CSS, Propriété, Propriété logique, Reference
La propriété scroll-margin-block-start définit la marge de défilement de l'élément sur le début de l'axe de bloc. La zone de défilement est déterminée en prenant la boîte de bordure modifiée, en prenant le rectangle englobant puis en ajoutant les décalages indiqués.
880 scroll-margin-bottom CSS, Propriété, Reference
La propriété scroll-margin-bottom définit la marge de défilement de l'élément sur le côté bas. La zone de défilement est déterminée en prenant la boîte de bordure modifiée, en prenant le rectangle englobant puis en ajoutant les décalages indiqués.
881 scroll-margin-inline CSS, Propriété, Propriété logique, Propriété raccourcie, Reference
La propriété scroll-margin-inline est une propriété raccourcie logique qui définit les marges de défilement sur l'axe de bloc (i.e. les propriétés logiques scroll-margin-inline-start et scroll-margin-inline-end).
882 scroll-margin-inline-end CSS, Propriété, Propriété logique, Reference
La propriété scroll-margin-inline-end définit la marge de défilement de l'élément sur la fin de l'axe en ligne. La zone de défilement est déterminée en prenant la boîte de bordure modifiée, en prenant le rectangle englobant puis en ajoutant les décalages indiqués.
883 scroll-margin-inline-start CSS, Propriété, Propriété logique, Reference
La propriété scroll-margin-inline-start définit la marge de défilement de l'élément sur le début de l'axe en ligne. La zone de défilement est déterminée en prenant la boîte de bordure modifiée, en prenant le rectangle englobant puis en ajoutant les décalages indiqués.
884 scroll-margin-left CSS, Propriété, Reference
La propriété scroll-margin-left définit la marge de défilement de l'élément sur le côté gauche. La zone de défilement est déterminée en prenant la boîte de bordure modifiée, en prenant le rectangle englobant puis en ajoutant les décalages indiqués.
885 scroll-margin-right CSS, Propriété, Reference
La propriété scroll-margin-right définit la marge de défilement de l'élément sur le côté droit. La zone de défilement est déterminée en prenant la boîte de bordure modifiée, en prenant le rectangle englobant puis en ajoutant les décalages indiqués.
886 scroll-margin-top CSS, Propriété, Reference
La propriété scroll-margin-top définit la marge de défilement de l'élément sur le côté haut. La zone de défilement est déterminée en prenant la boîte de bordure modifiée, en prenant le rectangle englobant puis en ajoutant les décalages indiqués.
887 scroll-padding CSS, Propriété, Propriété raccourcie, Reference
La propriété scroll-padding est une propriété raccourcie qui permet de définir l'ensemble des propriétés scroll-padding-top, scroll-padding-right, scroll-padding-bottom et scroll-padding-left (de la même façon que la propriété padding permet de définir les propriétés détaillées associées).
888 scroll-padding-block CSS, Propriété, Propriété logique, Propriété raccourcie, Reference
La propriété scroll-padding-block est une propriété raccourcie qui permet de définir le remplissage, sur l'axe de bloc, entre l'élément et la zone de défilement. Autrement dit, elle permet de définir scroll-padding-block-end et scroll-padding-block-start.
889 scroll-padding-block-end CSS, Propriété, Propriété logique, Reference
La propriété scroll-padding-block-end est une propriété qui permet de définir le remplissage, à la fin de l'axe de bloc, entre l'élément et la zone de défilement.
890 scroll-padding-block-start CSS, Propriété, Propriété logique, Reference
La propriété scroll-padding-block-start est une propriété qui permet de définir le remplissage, au début de l'axe de bloc, entre l'élément et la zone de défilement.
891 scroll-padding-bottom CSS, Propriété, Reference
La propriété scroll-padding-bottom est une propriété qui permet de définir le remplissage sur le côté bas entre l'élément et la zone de défilement.
892 scroll-padding-inline CSS, Propriété, Propriété logique, Propriété raccourcie, Reference
La propriété scroll-padding-inline est une propriété raccourcie qui permet de définir le remplissage, sur l'axe en ligne, entre l'élément et la zone de défilement. Autrement dit, elle permet de définir scroll-padding-inline-end et scroll-padding-inline-start.
893 scroll-padding-inline-end CSS, Propriété, Propriété logique, Reference
La propriété scroll-padding-inline-end est une propriété qui permet de définir le remplissage, à la fin de l'axe en ligne, entre l'élément et la zone de défilement.
894 scroll-padding-inline-start CSS, Propriété, Propriété logique, Reference
La propriété scroll-padding-inline-start est une propriété qui permet de définir le remplissage, au début de l'axe en ligne, entre l'élément et la zone de défilement.
895 scroll-padding-left CSS, Propriété, Reference
La propriété scroll-padding-left est une propriété qui permet de définir le remplissage sur le côté gauche entre l'élément et la zone de défilement.
896 scroll-padding-right CSS, Propriété, Reference
La propriété scroll-padding-right est une propriété qui permet de définir le remplissage sur le côté droit entre l'élément et la zone de défilement.
897 scroll-padding-top CSS, Propriété, Reference
La propriété scroll-padding-top est une propriété qui permet de définir le remplissage sur le côté haut entre l'élément et la zone de défilement.
898 scroll-snap-align CSS, Propriété, Reference
La propriété scroll-snap-align définit la position de la boîte d'accroche (snap positions) comme un alignement entre la zone d'accroche et le conteneur (la boîte de défilement de l'élément). Les deux valeurs fournies à cette propriété s'appliquent respectivement à l'axe de bloc et à l'axe en ligne. Lorsqu'une seule valeur est fournie, la seconde prendra par défaut la valeur de la première.
899 scroll-snap-coordinate CSS, Déprécié, Propriété, Reference
La propriété scroll-snap-coordinate définit les coordonnées horizontale et verticale, au sein de l'élément, qui s'aligneront avec les points définis par scroll-snap-destination dans le conteneur le plus proche en termes de parenté.
900 scroll-snap-destination CSS, Déprécié, Propriété, Reference
La propriété scroll-snap-destination définit les coordonnées horizontale et verticale des points d'accroche dans le viewport du conteneur.
901 scroll-snap-points-x CSS, Déprécié, Propriété, Reference
La propriété scroll-snap-points-x définit le positionnement horizontal des points d'accroche dans le conteneur de défilement auquel ils s'appliquent.
902 scroll-snap-points-y CSS, Déprécié, Non-standard, Propriété, Reference
La propriété scroll-snap-points-y définit le positionnement vertical des points d'accroche dans le conteneur de défilement auquel ils s'appliquent.
903 scroll-snap-stop CSS, Propriété, Reference
Valeur introuvable dans la base de données
904 scroll-snap-type CSS, Experimental, Propriété, Reference
La propriété scroll-snap-type définit la force d'adhérence aux points d'accroche en cas de défilement d'un conteneur.
905 scroll-snap-type-x CSS, Non-standard, Propriété, Reference
La gestion précise des animations et de la physique pour respecter ces points d'accroche n'est pas décrite par cette propriété et est laissée à la discrétion de l'agent utilisateur.
906 scroll-snap-type-y CSS, Non-standard, Propriété, Reference
La gestion précise des animations et de la physique pour respecter ces points d'accroche n'est pas décrite par cette propriété et est laissée à la discrétion de l'agent utilisateur.
907 scrollbar-face-color CSS, Propriété, Reference
La propriété scrollbar-face-color permet à un auteur d'indiquer la couleur du curseur de défilement.
908 scrollbar-track-color CSS, Propriété, Reference
La propriété scrollbar-color permet à un auteur de définir la couleur utilisée pour le curseur et la piste (la ligne sur laquelle se déplace le curseur) de la barre de défilement.
909 scrollbar-width CSS, Propriété, Reference
La propriété scrollbar-width permet à un auteur de définir l'épaisseur maximale à utiliser pour la barre de défilement si celle-ci est affichée.
910 shape-image-threshold CSS, Experimental, Propriété, Reference
La propriété shape-image-threshold définit le seuil, en terme de canal alpha, à utiliser pour extraire la forme d'une image. Cette forme pourra être utilisée pour shape-outside.
911 shape-margin CSS, Propriété, Reference
La propriété CSS shape-margin indique la marge autour d'une forme CSS créée avec shape-outside.
912 shape-outside CSS, Propriété, Reference
Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner https://github.com/mdn/interactive-examples et à envoyer une pull request !
913 single-transition-timing-function CSS, Reference, Type, Web
Cette fonction prend comme entrée un ratio de temps (0 : l'état initial, 1 : l'état final) et produit un ratio d'évolution (sous la forme d'une valeur <number>) allant également de 0.0 à 1.0.
914 symbols() CSS, Fonction, Référence(2)
La fonction symbols() permet de définir des styles pour les compteurs en ligne, directement comme valeur de la propriété CSS. À la différence des styles définis avec @counter-style, ces styles sont anonymes. La fonction symbols() ne possède pas toute la flexibilité offerte par la règle @ @counter-style mais peut s'avérer utile dans des cas où le style nécessaire n'est utilisé qu'une seule fois et où il n'est pas nécessaire d'utiliser toutes les options fournies par @counter-style.
915 tab-size CSS, Experimental, Propriété, Reference
La propriété tab-size permet d'adapter la largeur utilisée pour représenter le caractère de tabulation (U+0009).
916 table-layout CSS, Propriété, Reference
La propriété table-layout définit l'algorithme utilisé pour disposer les cellules, lignes et colonnes d'un tableau.
917 text-align CSS, Propriété, Reference
La propriété text-align décrit la façon dont un texte en ligne (inline) est alignée dans le bloc de son élément parent. text-align ne contrôle pas l'alignement des éléments en bloc, uniquement celui du contenu en ligne. Cette propriété fonctionne comme vertical-align mais dans le sens horizontal.
918 text-align-last CSS, Propriété, Reference
La propriété text-align-last décrit la façon dont la dernière ligne d'un bloc, ou une ligne avant un retour à la ligne forcé, doit être alignée.
919 text-combine-upright CSS, Experimental, Propriété, Reference
La propriété text-combine-upright définit comment intégrer une combinaison de plusieurs caractères dans l'espace normalement alloué à un seul caractère. Si la combinaison obtenue est plus large qu'1em, l'agent utilisateur devra compresser le contenu afin qu'il tienne sur 1em. La combinaison est ensuite manipulée comme un seul glyphe pour la disposition et pour la décoration. Enfin, cette propriété n'a d'effet que sur les modes d'écriture verticaux.
920 text-decoration CSS, Propriété, Propriété raccourcie, Reference
Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner https://github.com/mdn/interactive-examples et à envoyer une pull request !
921 text-decoration-color CSS, Propriété, Reference
La propriété text-decoration-color définit la couleur utilisée pour dessiner les lignes décorant le texte (quel que soit le style définit text-decoration-line). La propriété raccourcie text-decoration permet de paramétrer cette propriété et d'autres propriétés associées aux décorations.
922 text-decoration-line CSS, Propriété, Reference
La propriété text-decoration-line définit la façon dont les décorations linéaires sont ajoutées à un élément et notamment leur position (sous le texte, au-dessus ou en travers de celui-ci).
923 text-decoration-skip CSS, Experimental, Propriété, Reference
La propriété text-decoration-skip définit la façon dont les lignes décoratives doivent être appliquées aux éléments et aux caractères. Elle contrôle les lignes décoratives dessinées par l'élément courant ainsi que celles de ses ancêtres.
924 text-decoration-skip-ink CSS, Experimental, Propriété, Reference, Web
La propriété CSS text-decoration-skip-ink définit la façon dont la ligne décorative (en dessous ou au dessus du texte) est dessinée lorsqu'elle rencontre le jambage ou la hampe d'un caractère (ou glyphe).
925 text-decoration-style CSS, Propriété, Reference
La propriété text-decoration-style définit le style appliqué sur les lignes visées par text-decoration-line. Le style s'applique à toutes les lignes définies avec text-decoration-line.
926 text-emphasis CSS, Propriété, Reference
La propriété text-emphasis est une propriété raccourcie qui permet de définir text-emphasis-style et text-emphasis-color avec une seule déclaration. Cette propriété appliquera les marques d'emphase définies sur chaque caractères du texte de l'élément sauf pour les séparateurs (comme les espaces) et les caractères de contrôle.
927 text-emphasis-color CSS, Propriété, Reference
La propriété text-emphasis-color définit la couleur utilisée pour dessiner les marques d'emphase. Celle-ci peut être (re)définie grâce à la propriété raccourcie text-emphasis.
928 text-emphasis-position CSS, Propriété, Reference
La propriété text-emphasis-position permet de décrire l'emplacement des marques d'emphase quand elles sont utilisées. L'ajout des marques a le même effet que les annotations ruby quant à la hauteur de ligne : s'il n'y a pas suffisamment de place, la hauteur de la ligne est augmentée.
929 text-emphasis-style CSS, Propriété, Reference
La propriété text-emphasis-style définit le type d'emphase utilisée. Celui-ci peut également être (re)défini via la propriété raccourcie text-emphasis.
930 text-indent CSS, Propriété, Reference
La propriété text-indent définit la longueur qui doit être laissée avant le début de la première ligne d'un élément contenant du texte.
931 text-justify CSS, Propriété, Reference
la propriété CSS text-justify définit le type de justification à appliquer au texte justifié (par exemple avec text-align: justify;).
932 text-orientation CSS, Experimental, Propriété, Reference
La propriété text-orientation définit l'orientation du texte sur une ligne. Cette propriété n'a d'effet qu'en mode vertical (autrement dit, quand writing-mode n'est pas horizontal-tb). Elle est utile pour contrôler l'affichage de l'écriture pour les langues dont le script est vertical. Elle permet aussi de gérer les en-têtes de tableaux verticaux.
933 text-overflow CSS, Propriété, Reference
La propriété text-overflow détermine la façon dont le contenu textuel qui dépasse d'une boîte est signalé pour les utilisateurs. Le texte peut être rogné (clipping), afficher une ellipse ('', U+2026 Horizontal Ellipsis) ou afficher une chaîne de caractères choisie.
934 text-rendering CSS, Propriété, Reference, SVG
La propriété text-rendering donne de l'information au moteur de rendu sur ce qu'il doit optimiser lors de l'affichage du texte.
935 text-shadow CSS, Propriété, Reference
La propriété text-shadow ajoute des ombres au texte. Elle accepte une liste d'ombres à appliquer au texte et aux décorations de l'élément. Chaque ombre est décrite par une certaine combinaison de décalages X et Y de l'élément, de rayon de flou et de couleur.
936 text-size-adjust CSS, Experimental, Propriété, Reference
La propriété text-size-adjust permet de contrôler l'algorithme d'amplification du texte sur certains appareils mobiles. Cette propriété n'est pas standard et doit donc être préfixée : -moz-text-size-adjust, -webkit-text-size-adjust, and -ms-text-size-adjust.
937 text-transform CSS, Propriété, Reference
La propriété text-transform définit la façon d'utiliser les lettres capitales pour le texte d'un élément. Cela permet que le texte soit écrit uniquement en majuscules, minuscules ou que chaque mot commence par une capitale.
938 text-underline-position CSS, Propriété, Reference
La propriété text-underline-position définit la position du soulignement utilisé lorsque la propriété text-decoration prend la valeur underline.
939 top CSS, Positionnement, Propriété, Reference
La propriété top définit une partie de la position des éléments positionnés, elle n'a aucun effet pour les éléments non-positionnés.
940 touch-action CSS, Propriété, Reference
La propriété touch-action définit si une région donnée peut être manipulée par l'utilisateur grâce à des interactions tactiles (en déplaçant ou en zoomant) et comment cette interaction fonctionnera.
941 transform CSS, Propriété, Reference, Transformations CSS
La propriété transform permet de modifier l'espace de coordonnées utilisé pour la mise en forme visuelle. Grâce à cette propriété, il est possible de translater les éléments, de les tourner, d'appliquer des homothéties, de les distordre pour en changer la perspective.
942 transform-box CSS, Experimental, Propriété, Reference, Transformations CSS
La propriété transform-box définit la boîte à laquelle les propriétés transform et transform-origin font référence.
943 transform-function CSS, Reference, Type de donnée
Le type de donnée <transform-function> représente une fonction qui, lorsqu'elle est appliquée à un élément, permet de modifier sa représentation géométrique. Ces transformations sont généralement exprimées sous forme de matrices et l'image obtenue peut être déterminée en appliquant la matrice de la transformation sur chaque point de l'image. On peut ainsi tourner, redimensionner, distordre. Ce type de donnée est utilisé avec la propriété transform.
944 matrix() CSS, Fonction, Reference, Transformations CSS
La fonction matrix() définit une matrice homogène de transformation, définie par 6 coefficients. Les paramètres de cette fonction sont ces coefficients, dans l'ordre des lignes puis des colonnes, suivis des coefficients de translation.
945 matrix3d() CSS, Reference, Transformations CSS
La fonction matrix3d() décrit une transformation en trois dimensions sous la forme d'une matrice homogène (4x4). Les 16 paramètres passés à la fonction sont listés par ligne puis par colonne. Le résultat de cette fonction est une valeur de type <transform-function>.
946 perspective() CSS, Reference, Transformations CSS
Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner https://github.com/mdn/interactive-examples et à envoyer une pull request !
947 rotate() CSS, Fonction, Reference, Transformations CSS
La fonction rotate() définit une transformation qui déplace un élément autour d'un point fixe (défini par la propriété transform-origin) sans le déformer (autrement dit, qui applique une rotation plane). C'est une rotation autour de ce point. Par défaut, cette origine correspond au centre de l'élément.
948 rotate3d() CSS, Fonction, Reference, Transformations CSS
La fonction rotate3d() définit une transformation qui déplace un élément autour d'un axe sans le déformer. L'angle de la rotation est un argument de la fonction. Si l'angle indiqué est positif, le mouvement sera appliqué dans le sens horaire et sinon il sera appliqué dans le sens inverse des aiguilles d'une montre. La valeur obtenue par cette fonction est de type <transform-function>.
949 rotateX() CSS, Fonction, Reference, Transformations CSS
La fonction rotateX() définit une transformation qui déplace l'élément autour de l'axe des abscisses sans le déformer. L'angle de rotation est défini par l'argument passé à la fonction. Si l'angle indiqué est positif, le mouvement sera appliqué dans le sens horaire et sinon il sera appliqué dans le sens inverse des aiguilles d'une montre.
950 rotateY() CSS, Fonction, Reference, Transformations CSS
La fonction rotateY() définit une rotation, qui déplace l'élément autour de l'axe des ordonnées, sans le déformer. L'angle de rotation est défini par l'argument passé à la fonction. Si l'angle indiqué est positif, le mouvement sera appliqué dans le sens horaire et sinon il sera appliqué dans le sens inverse des aiguilles d'une montre.
951 rotateZ() CSS, Fonction, Reference, Transformations CSS
La fonction rotateZ() définit une transformation qui déplace l'élément autour de l'axe Z, sans déformer cet élément. L'angle de rotation est défini par l'argument passé à la fonction. Si l'angle indiqué est positif, le mouvement sera appliqué dans le sens horaire et sinon il sera appliqué dans le sens inverse des aiguilles d'une montre.
952 scale() CSS, Fonction, Reference, Transformations CSS
La fonction scale() permet de modifier la taille d'un élément avec un facteur d'échelle sur deux dimensions. Le résultat de cette fonction est une valeur de type <transform-function>.
953 scale3d() CSS, Fonction, Reference, Transformations CSS
La fonction scale3d() permet de modifier la taille d'un élément en appliquant une homothétie définie par un vecteur. Les composantes de ce vecteur permettent d'appliquer des échelles différentes selon les différentes dimensions.
954 scaleX() CSS, Fonction, Reference, Transformations CSS
La fonction scaleX() permet de modifier l'abscisse de chaque sommet de l'élément par un facteur multiplicateur. L'homothétie obtenue n'est pas isotropique et les angles de l'élément ne sont pas conservés.
955 scaleY() CSS, Fonction, Reference, Transformations CSS
La fonction scaleY() modifie l'ordonnée de chaque sommet de l'élément avec un facteur multiplicateur. L'homothétie n'est pas isotropique et les angles de l'élément ne sont pas conservés. La valeur obtenue par cette fonction est de type <transform-function>.
956 scaleZ() CSS, Fonction, Reference, Transformations CSS
La fonction scaleZ() modifie la coordonnée en Z de chaque point de l'élément avec un facteur multiplicateur donné. Si ce facteur vaut 1, l'opération appliqué sera l'identité. L'homothétie n'est pas isotropique et les angles de l'élément ne sont pas conservés. La valeur obtenue par cette fonction est de type <transform-function>.
957 skew() CSS, Fonction, Reference, Transformations CSS
La fonction skew() permet d'opérer une distorsion en étirant chaque point de l'élément d'un certain angle dans une direction du plan. Pour cela, on augmente l'ordonnée d'un élément d'une valeur proportionnelle à l'angle donné et à la distance de l'origine. Plus le point est éloigné de l'origine, plus le décalage obtenu sera important.
958 skewX() CSS, Fonction, Reference, Transformations CSS
959 skewY() CSS, Fonction, Reference, Transformations CSS
La fonction skewY() permet d'opérer une distorsion verticale en étirant chaque point de l'élément d'un certain angle dans la direction verticale. Pour cela, on augmente l'ordonnée d'un élément d'une valeur proportionnelle à l'angle donné et à la distance de l'origine. Plus le point est éloigné de l'origine et loin de l'axe, plus le décalage obtenu sera important.
960 translate() CSS, Fonction, Reference, Transformations CSS
La fonction translate() permet de déplacer un élément sur le plan représenté par le document. Cette transformation est définie à l'aide d'un vecteur dont les coordonnées définissent la quantité de déplacement sur chaque axe (horizontal et vertical).
961 translate3d() CSS, Fonction, Reference, Transformations CSS
La fonction CSS translate3d() permet de déplacer un élément dans l'espace tridimensionnel. Cette transformation est définie à l'aide d'un vecteur dont les coordonnées définissent l'amplitude du déplacement pour chaque direction.
962 translateX() CSS, Fonction, Reference, Transformations CSS
La fonction translateX() permet de déplacer un élément horizontalement. Cette transformation est caractérisée par une longueur (type <length>) qui définit l'amplitude du mouvement horizontal. La valeur obtenue par cette fonction est de type <transform-function>.
963 translateY() CSS, Fonction, Reference, Transformations CSS
La fonction translateY() permet de déplacer un élement verticalement sur le plan. Cette transformation est caractérisée par une longueur (type <length>) qui définit l'amplitude du déplacement. La valeur obtenue par cette fonction est de type <transform-function>.
964 translateZ() CSS, Fonction, Reference, Transformations CSS
La fonction translateZ() permet de déplacer un élément selon l'axe z de l'espace tridimensionnel. Cette transformation est caractérisée par une valeur de longueur (type <length>) qui définit l'amplitude du mouvement. La valeur obtenue par cette fonction est de type <transform-function>.
965 transform-origin CSS, Experimental, Propriété, Reference, Transformations CSS
La propriété transform-origin permet de modifier l'origine du repère pour les opérations de transformation d'un élément.
966 transform-style CSS, Experimental, Propriété, Reference, Transformations CSS
La propriété transform-style définit si les éléments-fils d'un éléments sont positionnés dans l'espace tridimensionnel ou s'ils sont aplatis dans le plan de l'élément.
967 transition CSS, Propriété, Reference, Transitions CSS
La propriété transition est une propriété raccourcie pour les propriétés transition-property, transition-duration, transition-timing-function et transition-delay.
968 transition-delay CSS, Propriété, Reference, Transitions
La propriété transition-delay indique la durée à attendre avant de débuter la transition qui s'applique pour un changement de propriété.
969 transition-duration CSS, Propriété, Reference, Transitions
La propriété transition-duration définit le nombre de secondes ou de millisecondes que doit durer une animation. La valeur par défaut, 0s, indique qu'il n'y aura aucune animation.
970 transition-property CSS, Propriété, Reference
La propriété transition-property est utilisée pour désigner les noms des propriétés CSS sur lesquelles un effet de transition devrait être appliqué.
971 transition-timing-function CSS, Propriété, Reference
La propriété transition-timing-function décrit la façon dont les valeurs intermédiaires des propriétés CSS affectées par un effet de transition sont calculées. Ceci permet donc de définir une courbe d'accelération, de manière à ce que la vitesse de la transition varie au cours de sa durée.
972 translate CSS, Non-standard, Propriété, Reference
La propriété translate permet de définir des opérations de translations, individuellement et indépendamment de la propriété transform. Cela peut être utile pour la construction d'une interface utilisateur et évite d'avoir à se souvenir de l'ordre exact des fonctions de transformations à indiquer pour transform.
973 translation-value CSS, Reference, Type
Le type de donnée <translation-value> est utilisé dans les arguments pour certaines fonctions de transformation dont translate(), translateX(), translateY(), et translate3d().
974 unicode-bidi CSS, Propriété, Reference
La propriété unicode-bidi, associée à la propriété direction, permet de gérer du texte bidirectionnel dans un document. Par exemple, si un bloc de texte contient à la fois du texte qui se lit de droite à gauche et du texte qui se lit de gauche à droite, l'agent utilisateur utilisera un algorithme Unicode complexe pour savoir comment afficher le texte. Cette propriété prend le pas sur l'algorithme et permet au développeur de contrôler l'intégration du texte.
975 unset CSS, Mot-clé, Reference, Web
Le mot-clé unset correspond à la combinaison des mots-clés initial et inherit. Comme les autres mots-clés globaux à tout CSS, il peut être utilisé pour n'importe quelle propriété CSS, y compris la propriété raccourcie all. Ce mot-clé réinitialise la propriété afin que sa valeur soit la valeur héritée depuis l'élément parent ou soit la valeur initiale (s'il n'y a pas d'héritage). Autrement dit, s'il y a de l'héritage, ce mot-clé se comporte comme inherit, sinon, il se comporte comme initial.
976 user-modify CSS, Non-standard, Propriété, Reference
La propriété user-modify n'a aucun effet. Elle était initialement conçue pour déterminer si le contenu d'un élément peut être édité ou non par l'utilisateur.
977 user-select CSS, Experimental, Propriété, Reference
La propriété user-select permet de contrôler l'opération de sélection. Cela n'a aucun effet sur le contenu qui est chargé dans les éléments de l'interface (chrome), sauf pour les boîtes de texte.
978 var() CSS, Experimental, Fonction CSS, Reference, Variables CSS
La fonction var() peut être utilisée à la place d'une valeur pour n'importe quelle propriété d'un élément. Elle permet d'insérer la valeur d'une propriété personnalisée (custom property).
979 vertical-align CSS, Propriété, Reference
La propriété vertical-align définit l'alignement vertical d'une boîte en ligne (inline) ou d'une cellule de tableau.
980 visibility CSS, Propriété, Reference
La propriété visibility peut être utilisée afin de cacher un élément tout en conservant occupé l'espace dans lequel il aurait été visible. Elle permet aussi de masquer des lignes ou des colonnes dans un tableau (cf. <table>).
981 white-space CSS, Propriété, Reference
La propriété white-space est utilisée pour décrire la façon dont les blancs sont gérés au sein de l'élément.
982 widows CSS, Propriété, Reference
La propriété widows définit le nombre minimum de lignes qui peuvent être laissées en haut de la page, région ou colonne suivante. En utilisant la propriété widows, on évite d'avoir des veuves sur une seule ligne.
983 width CSS, Propriété, Reference
La propriété width définit la largeur d'un élément. Par défaut, c'est la largeur de la zone de contenu (comprise à l'intérieur de la boîte de remplissage (padding), de la bordure (border) et de la boîte de marge (margin) de l'élément) mais si box-sizing vaut border-box, ce sera la largeur de la zone incluant la bordure.
984 will-change CSS, Propriété, Reference
La propriété will-change fournit une indication au navigateur sur la propension d'un élément à changer (afin que le navigateur puisse mettre en place les optimisations nécessaires avant que l'élément change vraiment). Ce type d'optimisation permet d'augmenter la réactivité de la page en effectuant des calculs (éventuellement coûteux) en prévision du changement.
985 word-break CSS, Propriété, Reference
La propriété word-break est utilisée pour définir la façon dont la césure s'applique pour les endroits où le texte dépasserait de sa boîte de contenu.
986 word-spacing CSS, Propriété, Reference
La propriété word-spacing définit la règle d'espacement utilisée entre les balises et entre les mots.
987 writing-mode CSS, Propriété, Reference
La propriété CSS writing-mode définit si les lignes d'un texte sont écrites horizontalement ou verticalement et la direction selon laquelle le bloc grandit.
988 z-index CSS, Propriété, Reference
Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner https://github.com/mdn/interactive-examples et à envoyer une pull request !
989 zoom CSS, Non-standard, Propriété, Reference
La propriété non-standard zoom permet de manipuler l'effet d'agrandissement d'un élément. Plutôt que cette propriété non-standard, mieux vaudra utiliser les transformations CSS, si possible. Cependant, contrairement aux transformations CSS, zoom affecte la taille de l'élément.
990 À propos du bloc conteneur CSS, Guide, Reference
Dans cet article, nous verrons les différents facteurs qui participent à la définition du bloc englobant.
991 Élément remplacé CSS, Reference
En CSS, un élément remplacé est un élément dont la représentation est en dehors du champ de CSS. Ce sont des objets externes dont la représentation sera indépendante de CSS.

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : SphinxKnight, xdelatour
Dernière mise à jour par : SphinxKnight,