Cette fonction est expérimentale
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.
La propriété display-inside
indique le type d'affichage (display type) intérieur généré par un élément, celui-ci indique la façon dont son contenu est organisé à l'intérieur de la boîte de l'élément.
Valeur initiale | auto |
---|---|
Applicabilité | tous les éléments |
Héritée | non |
Média | tous |
Valeur calculée | comme spécifié |
Animable | non |
Ordre canonique | l'ordre unique et non-ambigu défini par la grammaire formelle |
Syntaxe
/* Valeurs avec un mot-clé */ display-inside: auto; display-inside: block; display-inside: table; display-inside: flex; display-inside: grid; display-inside: ruby; /* Valeurs globales */ display-inside: inherit; display-inside: initial; display-inside: unset;
Valeurs
auto
- Si la valeur calculée de
display-outside
pour l'élément vautinline-level
, l'élément sera un élément en ligne (inline) et organisera son contenu comme du contenu en ligne (inline). Si la valeur calculée dedisplay-outside
pour l'élément est un type de disposition spécifique interne, l'élément agit normalement selon la valeur donnée pardisplay-outside
. Sinon, la valeur calculée estblock
. block
- L'élément organise son contenu avec une disposition en bloc.
table
- L'élément organise son contenu avec une disposition en tableau.
flex
- L'élément organise son contenu avec une disposition flexible.
grid
- L'élément organise son contenu avec une disposition en grille.
ruby
- L'élément organise son contenu avec une disposition ruby.
Syntaxe formelle
auto | block | table | flex | grid | ruby
Spécifications
Spécification | État | Commentaires |
---|---|---|
CSS Display Module Level 3 La définition de 'display-inside' dans cette spécification. |
Version de travail | Définition initiale. |
Compatibilité des navigateurs
Fonctionnalité | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Support simple | Pas de support | Pas de support | Pas de support | Pas de support | Pas de support |
Fonctionnalité | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Support simple | Pas de support | Pas de support | Pas de support | Pas de support | Pas de support |
Étiquettes et contributeurs liés au document
Étiquettes :
Contributeurs à cette page :
SphinxKnight
Dernière mise à jour par :
SphinxKnight,