display

La propriété display définit le type d'affichage utilisée pour le rendu d'un élément (de bloc ou en ligne) et la disposition utilisée pour ses éléments fils : grille ou boîtes flexibles.

Le type d'affichage donné par display possède deux composantes : le type d'affichage extérieur qui définit comment la boîte participe au flux et le type d'affichage intérieur qui définit l'organisation des éléments enfants.

Certaines valeurs de display sont définies dans des spécifications séparées. Pour plus d'informations, voir la section Spécifications ci-après.

Syntaxe

/* Valeurs de type <display-outside> */
display: block;
display: inline;
display: run-in;

/* Valeurs de type <display-inside> */
display: flow;
display: flow-root;
display: table;
display: flex;
display: grid;
display: ruby;

/* Combinaison de valeurs */
/* <display-outside> et <display-inside> */
display: block flow;
display: inline table;
display: flex run-in;

/* Valeurs de type <display-listitem> */
display: list-item;
display: list-item block;
display: list-item inline;
display: list-item flow;
display: list-item flow-root;
display: list-item block flow;
display: list-item block flow-root;
display: flow list-item block;

/* Valeurs de type <display-internal> */
display: table-row-group;
display: table-header-group;
display: table-footer-group;
display: table-row;
display: table-cell;
display: table-column-group;
display: table-column;
display: table-caption;
display: ruby-base;
display: ruby-text;
display: ruby-base-container;
display: ruby-text-container;

/* Valeurs de type <display-box> */
display: contents;
display: none;

/* Valeurs de type <display-legacy> */
display: inline-block;
display: inline-table;
display: inline-flex;
display: inline-grid;

/* Valeurs globales */
display: inherit;
display: initial;
display: unset;

La propriété display est définie à l'aide de mots-clés. Ces valeurs sont rangées selon six catégories.

<display-outside>
Ces mots-clés définissent le type d'affichage extérieur de l'élément. Autrement dit, ils définissent comment l'élément participe au flux.
<display-inside>
Ces mots-clés définissent le type d'affichage intérieur de l'élément qui définit le contexte de formatage qui organisera le contenu de l'élément (si celui-ci n'est pas un élément remplacé).
<display-listitem>
L'élément génère une boîte de bloc pour le contenu et une boîte en ligne séparée pour l'élément de liste.
<display-internal>
Certains modes de dispositions, tels que table et ruby possèdent une structure interne complexe avec différents rôles possibles pour les éléments descendants. Cette section définit ces rôles internes qui s'appliquent uniquement pour un mode de disposition donné.
<display-box>
Ces valeurs définissent si un élément génère une boîte ou non.
<display-legacy>
CSS 2 utilise une syntaxe avec un seul mot-clé pour la propriété display et il faut donc des mots-clés distincts pour les variantes bloc/en ligne d'un même mode de disposition.

Valeurs historiques de display

La spécification de niveau 3 permet d'utiliser deux valeurs pour définir la propriété display afin de définir explicitement le type d'affichage intérieur et le type d'affichage extérieur. Toutefois, cette syntaxe sur deux valeurs n'est pas encore prise en charge de façon homogène par les navigateurs.

Les méthodes d'affichage historiques permettent d'obtenir les mêmes résultats avec un seul mot-clé. Ces valeurs devraient être privilégiées tant que la prise en charge de la syntaxe sur deux valeurs n'est pas mieux prise en charge. Ainsi, il est possible d'utiliseur deux valeur afin de définir un conteneur flexible en ligne :

.container {
  display: inline flex;
}

On pourra obtenir un comportement équivalent en écrivant cela avec une seule valeur.

.container {
  display: inline-flex;
}

Syntaxe formelle

[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy>


<display-outside> = block | inline | run-in
<display-inside> = flow | flow-root | table | flex | grid | ruby
<display-listitem> = <display-outside>? && [ flow | flow-root ]? && list-item
<display-internal> = table-row-group | table-header-group | table-footer-group | table-row | table-cell | table-column-group | table-column | table-caption | ruby-base | ruby-text | ruby-base-container | ruby-text-container
<display-box> = contents | none
<display-legacy> = inline-block | inline-list-item | inline-table | inline-flex | inline-grid

Exemples

En plus de l'exemple qui suit, vous pouvez voir d'autres exemples sur les sections dédiées aux différents modes de disposition :

HTML

<p>
  Texte visible
</p>
<p class="secret">
  Texte invisible
</p>

CSS

p.secret {
  display: none;
}

Résultat

Accessibilité

display: none;

Utiliser la propriété display avec la valeur none sur un élément entraînera son retrait de l'arbre d'accessibilité. Cet élément ainsi que ses descendants ne seront plus annoncés par les lecteurs d'écrans.

Si vous souhaitez masquer un élément visuellement, une alternative plus accessible consiste à utiliser une combinaison de propriétés afin de le retirer de l'écran mais de le conserver lisible pour les technologies d'assistance.

display: contents;

Tout élément ciblé avec display: contents sera retiré de l'arbre d'accessibilité par la plupart des navigateurs. Ainsi, l'élément et ses descendants ne seront plus annoncés par les outils d'assistance tels que les lecteurs d'écran. Ce comportement est incorrect selon la spécification CSSWG.

Les tableaux

Modifier la valeur de display pour un élément de tableau afin d'utiliser la valeur block, grid ou flex modifiera sa représentation au sein de l'arbre d'accessibilité. Aussi, le tableau ne sera plus correctement annoncé par les technologies d'assistance.

Spécifications

Spécification État Commentaires
CSS Display Module Level 3
La définition de 'display' dans cette spécification.
Candidat au statut de recommandation Ajout des valeurs run-in, contents, flow, flow-root et des valeurs avec plusieurs mots-clés.
CSS Ruby Layout Module Level 1
La définition de 'display' dans cette spécification.
Version de travail Ajout des valeurs ruby, ruby-base, ruby-text, ruby-base-container et ruby-text-container.
CSS Grid Layout
La définition de 'display' dans cette spécification.
Candidat au statut de recommandation Ajout des valeurs pour le modèle de boîtes en grille.
CSS Flexible Box Layout Module
La définition de 'display' dans cette spécification.
Candidat au statut de recommandation Ajout des valeurs pour le modèle de boîtes flexibles.
CSS Level 2 (Revision 1)
La définition de 'display' dans cette spécification.
Recommendation Ajout des valeurs pour le modèle de boîte pour les tableaux et de la valeur inline-block.
CSS Level 1
La définition de 'display' dans cette spécification.
Recommendation Définition initiale. Définitions des valeurs basiques : none, block, inline, et list-item.
Valeur initialeinline
Applicabilitétous les éléments
Héritéenon
Médiatous
Valeur calculéecomme la valeur spécifiée, excepté pour les éléments positionnés et flottants, ainsi que pour l'élément racine. Dans les deux cas, la valeur calculée peut être un mot clé différent de celui spécifié.
Type d'animationdiscrète
Ordre canoniquel'ordre unique et non-ambigu défini par la grammaire formelle

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
displayChrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet 4Opera Support complet 7Safari Support complet 1WebView Android Support complet ≤37Chrome Android Support complet 18Firefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet 1Samsung Internet Android Support complet Oui
contentsChrome Support complet 65
Support complet 65
Aucun support 58 — 65
Désactivée
Désactivée From version 58 until version 65 (exclusive): this feature is behind the Enable experimental Web Platform features preference. To change preferences in Chrome, visit chrome://flags.
Edge Aucun support NonFirefox Support complet 37
Support complet 37
Aucun support 36 — 53
Désactivée
Désactivée From version 36 until version 53 (exclusive): this feature is behind the layout.css.display-contents.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE Aucun support NonOpera Support complet 52
Support complet 52
Aucun support 45 — 52
Désactivée
Désactivée From version 45 until version 52 (exclusive): this feature is behind the Enable experimental Web Platform features preference.
Safari Support complet 11.1WebView Android Support complet 65Chrome Android Support complet 65
Support complet 65
Aucun support 58 — 65
Désactivée
Désactivée From version 58 until version 65 (exclusive): this feature is behind the Enable experimental Web Platform features preference. To change preferences in Chrome, visit chrome://flags.
Firefox Android Support complet 57Opera Android Support complet 47
Support complet 47
Aucun support 43 — 47
Désactivée
Désactivée From version 43 until version 47 (exclusive): this feature is behind the Enable experimental Web Platform features preference.
Safari iOS Support complet 11.3Samsung Internet Android Support complet Oui
contents: Specific behavior of unusual elements when display: contents is applied to themChrome Support complet 58Edge Aucun support NonFirefox Support complet 59IE Aucun support NonOpera Support complet 45Safari Aucun support NonWebView Android Support complet 65Chrome Android Support complet 58Firefox Android Support complet 59Opera Android Support complet 43Safari iOS Aucun support NonSamsung Internet Android Support complet Oui
<display-outside>Chrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet 4Opera Support complet 7Safari Support complet 1WebView Android Support complet 1Chrome Android Support complet 18Firefox Android Support complet 4Opera Android Support complet 10.1Safari iOS Support complet 1Samsung Internet Android Support complet 1.0
display-outside.run-in
Expérimentale
Chrome Aucun support 1 — 32
Notes
Aucun support 1 — 32
Notes
Notes Before Chrome 4, run-in was not supported before inline elements.
Edge Aucun support NonFirefox Aucun support NonIE Support complet 8Opera Aucun support 7 — 19Safari Aucun support 1 — 8
Notes
Aucun support 1 — 8
Notes
Notes Before Safari 5, run-in was not supported before inline elements.
WebView Android Aucun support ≤37 — ≤37Chrome Android Aucun support 18 — 32Firefox Android Aucun support NonOpera Android Aucun support 10.1 — 19Safari iOS Aucun support 1 — 8
Notes
Aucun support 1 — 8
Notes
Notes Before Safari 5, run-in was not supported before inline elements.
Samsung Internet Android Aucun support 1.0 — 2.0
flexChrome Support complet 29
Support complet 29
Support complet 21
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
Edge Support complet 12Firefox Support complet 20
Notes
Support complet 20
Notes
Notes Firefox 28 added multi-line flexbox support.
Aucun support 18 — 28
Désactivée
Désactivée From version 18 until version 28 (exclusive): this feature is behind the layout.css.flexbox.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE Support partiel 11
Notes
Support partiel 11
Notes
Notes IE incorrectly positions inline block content inside flex containers. See the discussion on Microsoft Answers.
Support partiel 8
Notes Autre nom
Notes IE incorrectly positions inline block content inside flex containers. See the discussion on Microsoft Answers.
Autre nom Cette fonctionnalité utilise le nom non-standard : -ms-flexbox
Opera Support complet 16
Support complet 16
Support complet 15
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
Aucun support 12.1 — 15
Safari Support complet 9
Support complet 9
Support complet 6.1
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
WebView Android Support complet 4.4
Support complet 4.4
Support complet ≤37
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
Chrome Android Support complet 29
Support complet 29
Support complet 25
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
Firefox Android Support complet 20
Notes
Support complet 20
Notes
Notes Firefox 28 added multi-line flexbox support.
Aucun support 18 — 28
Désactivée
Désactivée From version 18 until version 28 (exclusive): this feature is behind the layout.css.flexbox.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android Support complet 16
Support complet 16
Support complet 14
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
Aucun support 12.1 — 14
Safari iOS Support complet 9
Support complet 9
Support complet 7
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
Samsung Internet Android Support complet Oui
flow-rootChrome Support complet 58Edge Aucun support NonFirefox Support complet 53IE Aucun support NonOpera Support complet 45Safari Aucun support NonWebView Android Support complet 58Chrome Android Support complet 58Firefox Android Support complet 53Opera Android Support complet 43Safari iOS Aucun support NonSamsung Internet Android Support complet 7.0
gridChrome Support complet 57Edge Support complet 16
Support complet 16
Support complet 12
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -ms-
Firefox Support complet 52IE Support partiel 10
Préfixée Notes
Support partiel 10
Préfixée Notes
Préfixée Nécessite l'utilisation d'un préfixe : -ms-
Notes Internet Explorer implements an older version of the specification.
Opera Support complet 44Safari Support complet 10.1WebView Android Support complet 57Chrome Android Support complet 57Firefox Android Support complet 52Opera Android Support complet 43Safari iOS Support complet 10.3Samsung Internet Android Support complet 7.0
inline-blockChrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet 8
Support complet 8
Support partiel 6
Notes
Notes Until Internet Explorer 8, inline-block is only for natural inline elements.
Opera Support complet 7Safari Support complet 1WebView Android Support complet ≤37Chrome Android Support complet 18Firefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet 1Samsung Internet Android Support complet Oui
inline-flexChrome Support complet 29
Support complet 29
Support complet 21
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
Edge Support complet 12Firefox Support complet 20
Notes
Support complet 20
Notes
Notes Firefox 28 added multi-line flexbox support.
Aucun support 18 — 20
Désactivée
Désactivée From version 18 until version 20 (exclusive): this feature is behind the layout.css.flexbox.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE Support complet 11
Support complet 11
Support complet 8
Autre nom
Autre nom Cette fonctionnalité utilise le nom non-standard : -ms-inline-flexbox
Opera Support complet 16
Support complet 16
Support complet 15
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
Safari Support complet 9
Support complet 9
Support complet 6.1
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
WebView Android Support complet 4.4
Support complet 4.4
Support complet ≤37
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
Chrome Android Support complet 29
Support complet 29
Support complet 25
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
Firefox Android Support complet 20
Notes
Support complet 20
Notes
Notes Firefox 28 added multi-line flexbox support.
Aucun support 18 — 20
Désactivée
Désactivée From version 18 until version 20 (exclusive): this feature is behind the layout.css.flexbox.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android Support complet 16
Support complet 16
Support complet 14
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
Safari iOS Support complet 9
Support complet 9
Support complet 6.1
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
Samsung Internet Android Support complet Oui
inline-gridChrome Support complet 57Edge Support complet 16
Support complet 16
Support complet 12
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -ms-
Firefox Support complet 52IE Support partiel 10
Préfixée Notes
Support partiel 10
Préfixée Notes
Préfixée Nécessite l'utilisation d'un préfixe : -ms-
Notes Internet Explorer implements an older version of the specification.
Opera Support complet 44Safari Support complet 10.1WebView Android Support complet 57Chrome Android Support complet 57Firefox Android Support complet 52Opera Android Support complet 43Safari iOS Support complet 10.3Samsung Internet Android Support complet 7.0
inline-tableChrome Support complet 1Edge Support complet 12Firefox Support complet 3IE Support complet 8Opera Support complet 7Safari Support complet 1WebView Android Support complet ≤37Chrome Android Support complet 18Firefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet 1Samsung Internet Android Support complet Oui
list-itemChrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet 6Opera Support complet 7Safari Support complet 1WebView Android Support complet ≤37Chrome Android Support complet 18Firefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet 1Samsung Internet Android Support complet Oui
list-item: Supported on <legend>Chrome Support complet 71Edge Aucun support NonFirefox Support complet 64IE Aucun support NonOpera Support complet 58Safari Aucun support NonWebView Android Support complet 71Chrome Android Support complet 71Firefox Android Support complet 64Opera Android Support complet 50Safari iOS Aucun support NonSamsung Internet Android Aucun support Non
Multi-keyword values
Expérimentale
Chrome Aucun support NonEdge Aucun support NonFirefox Support complet 70IE Aucun support NonOpera Aucun support NonSafari Aucun support NonWebView Android Aucun support NonChrome Android Aucun support NonFirefox Android Aucun support NonOpera Android Aucun support NonSafari iOS Aucun support NonSamsung Internet Android Aucun support Non
noneChrome Support complet 1
Notes
Support complet 1
Notes
Notes Chrome 65 stopped creating layout objects for elements inside an <iframe> with display:none applied.
Edge Support complet 12Firefox Support complet 1IE Support complet 4Opera Support complet 7
Notes
Support complet 7
Notes
Notes Opera 52 stopped creating layout objects for elements inside an <iframe> with display:none applied.
Safari Support complet 1WebView Android Support complet ≤37
Notes
Support complet ≤37
Notes
Notes WebView 65 stopped creating layout objects for elements inside an <iframe> with display:none applied.
Chrome Android Support complet 18
Notes
Support complet 18
Notes
Notes Chrome 65 stopped creating layout objects for elements inside an <iframe> with display:none applied.
Firefox Android Support complet 4Opera Android Support complet 10.1
Notes
Support complet 10.1
Notes
Notes Opera Android 47 stopped creating layout objects for elements inside an <iframe> with display:none applied.
Safari iOS Support complet 1Samsung Internet Android Support complet 1.0
ruby, ruby-base, ruby-base-container, ruby-text, and ruby-text-containerChrome Aucun support NonEdge Support complet 12Firefox Support complet 38
Support complet 38
Aucun support 34 — 38
Désactivée
Désactivée From version 34 until version 38 (exclusive): this feature is behind the layout.css.ruby.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE Support complet 7Opera Aucun support NonSafari Aucun support NonWebView Android Aucun support NonChrome Android Aucun support NonFirefox Android Support complet 38
Support complet 38
Aucun support 34 — 38
Désactivée
Désactivée From version 34 until version 38 (exclusive): this feature is behind the layout.css.ruby.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android Aucun support NonSafari iOS Aucun support NonSamsung Internet Android Aucun support Non
table, table-cell, table-column, table-column-group, table-footer-group, table-header-group, table-row, and table-row-groupChrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet 8Opera Support complet 7Safari Support complet 1WebView Android Support complet ≤37Chrome Android Support complet 18Firefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet 1Samsung Internet Android Support complet Oui
-moz-box and -moz-inline-box
ObsolèteNon-standard
Chrome Aucun support NonEdge Aucun support NonFirefox Aucun support 1 — 64
Notes
Aucun support 1 — 64
Notes
Notes This is still available to Firefox UI code.
Support complet 62
Désactivée
Désactivée From version 62: this feature is behind the layout.css.xul-box-display-values.content.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE Aucun support NonOpera Aucun support NonSafari Aucun support NonWebView Android Aucun support NonChrome Android Aucun support NonFirefox Android Aucun support 4 — 64
Notes
Aucun support 4 — 64
Notes
Notes This is still available to Firefox UI code.
Support complet 62
Désactivée
Désactivée From version 62: this feature is behind the layout.css.xul-box-display-values.content.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android Aucun support NonSafari iOS Aucun support NonSamsung Internet Android Aucun support Non
-moz-deck
ObsolèteNon-standard
Chrome Aucun support NonEdge Aucun support NonFirefox Aucun support 1 — 62
Notes
Aucun support 1 — 62
Notes
Notes This is still available to Firefox UI code.
Support complet 62
Désactivée
Désactivée From version 62: this feature is behind the layout.css.xul-display-values.content.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE Aucun support NonOpera Aucun support NonSafari Aucun support NonWebView Android Aucun support NonChrome Android Aucun support NonFirefox Android Aucun support 4 — 62
Notes
Aucun support 4 — 62
Notes
Notes This is still available to Firefox UI code.
Support complet 62
Désactivée
Désactivée From version 62: this feature is behind the layout.css.xul-display-values.content.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android Aucun support NonSafari iOS Aucun support NonSamsung Internet Android Aucun support Non
-moz-grid, -moz-grid-group, and -moz-grid-line
ObsolèteNon-standard
Chrome Aucun support NonEdge Aucun support NonFirefox Aucun support 1 — 62
Notes
Aucun support 1 — 62
Notes
Notes This is still available to Firefox UI code.
Support complet 62
Désactivée
Désactivée From version 62: this feature is behind the layout.css.xul-display-values.content.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE Aucun support NonOpera Aucun support NonSafari Aucun support NonWebView Android Aucun support NonChrome Android Aucun support NonFirefox Android Aucun support 4 — 62
Notes
Aucun support 4 — 62
Notes
Notes This is still available to Firefox UI code.
Support complet 62
Désactivée
Désactivée From version 62: this feature is behind the layout.css.xul-display-values.content.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android Aucun support NonSafari iOS Aucun support NonSamsung Internet Android Aucun support Non
-moz-inline-grid and -moz-inline-stack
ObsolèteNon-standard
Chrome Aucun support NonEdge Aucun support NonFirefox Aucun support 1 — 62
Notes
Aucun support 1 — 62
Notes
Notes Available to Firefox UI code.
Aucun support 62 — 70
Désactivée
Désactivée From version 62 until version 70 (exclusive): this feature is behind the layout.css.xul-display-values.content.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE Aucun support NonOpera Aucun support NonSafari Aucun support NonWebView Android Aucun support NonChrome Android Aucun support NonFirefox Android Aucun support 4 — 62
Notes
Aucun support 4 — 62
Notes
Notes This is still available to Firefox UI code.
Support complet 62
Désactivée
Désactivée From version 62: this feature is behind the layout.css.xul-display-values.content.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android Aucun support NonSafari iOS Aucun support NonSamsung Internet Android Aucun support Non
-moz-popup
ObsolèteNon-standard
Chrome Aucun support NonEdge Aucun support NonFirefox Aucun support 1 — 62
Notes
Aucun support 1 — 62
Notes
Notes This is still available to Firefox UI code.
Support complet 62
Désactivée
Désactivée From version 62: this feature is behind the layout.css.xul-display-values.content.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE Aucun support NonOpera Aucun support NonSafari Aucun support NonWebView Android Aucun support NonChrome Android Aucun support NonFirefox Android Aucun support 4 — 62
Notes
Aucun support 4 — 62
Notes
Notes This is still available to Firefox UI code.
Support complet 62
Désactivée
Désactivée From version 62: this feature is behind the layout.css.xul-display-values.content.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android Aucun support NonSafari iOS Aucun support NonSamsung Internet Android Aucun support Non
-moz-stack
ObsolèteNon-standard
Chrome Aucun support NonEdge Aucun support NonFirefox Aucun support 1 — 62
Notes
Aucun support 1 — 62
Notes
Notes This is still available to Firefox UI code.
Support complet 62
Désactivée
Désactivée From version 62: this feature is behind the layout.css.xul-display-values.content.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE Aucun support NonOpera Aucun support NonSafari Aucun support NonWebView Android Aucun support NonChrome Android Aucun support NonFirefox Android Aucun support 4 — 62
Notes
Aucun support 4 — 62
Notes
Notes This is still available to Firefox UI code.
Support complet 62
Désactivée
Désactivée From version 62: this feature is behind the layout.css.xul-display-values.content.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android Aucun support NonSafari iOS Aucun support NonSamsung Internet Android Aucun support Non

Légende

Support complet  
Support complet
Support partiel  
Support partiel
Aucun support  
Aucun support
Fonctionnalité expérimentale. Celle-ci peut être amenée à changer par la suite.
Fonctionnalité expérimentale. Celle-ci peut être amenée à changer par la suite.
Fonctionnalité non-standard. Celle-ci peut être incorrectement supportée par les autres navigateurs.
Fonctionnalité non-standard. Celle-ci peut être incorrectement supportée par les autres navigateurs.
Obsolète. Les nouveaux sites web ne doivent pas utiliser cette fonctionnalité.
Obsolète. Les nouveaux sites web ne doivent pas utiliser cette fonctionnalité.
Voir les notes d'implémentation.
Voir les notes d'implémentation.
Une action explicite de l'utilisateur est nécessaire pour activer cette fonctionnalité.
Une action explicite de l'utilisateur est nécessaire pour activer cette fonctionnalité.
Cette fonctionnalité utilise un nom non-standard.
Cette fonctionnalité utilise un nom non-standard.
Cette fonctionnalité nécessite un préfixe particulier ou utilise un autre nom.
Cette fonctionnalité nécessite un préfixe particulier ou utilise un autre nom.

Voir aussi