Propriété display
La propriété display - définit la méthode d'affichage
d'un élément par le navigateur.
Syntaxe
sélecteur {
display: valeur;
}
Valeurs
| Valeur | Description |
|---|---|
block |
Élément de type bloc. |
inline |
Élément en ligne. |
inline-block |
Élément en ligne-bloc. |
list-item |
L'élément deviendra un élément de liste et un marqueur de liste apparaîtra devant lui. |
flex |
Définit l'élément comme un bloc, et ses enfants deviendront des éléments flex. |
inline-flex |
Définit l'élément comme un élément en ligne-bloc, et ses enfants deviendront des éléments flex. |
grid |
Crée un élément de grille. |
none |
L'élément disparaîtra complètement et tous les autres éléments se comporteront comme si cet élément n'existait pas. |
table |
L'élément se comportera comme un tableau. |
table-cell |
L'élément se comportera comme une cellule de tableau. |
inline-table |
L'élément se comportera comme un tableau, mais le tableau est un élément intégré et il est entouré par d'autres éléments, par exemple, du texte. |
table-caption |
L'élément se comportera comme la balise caption. |
table-column |
L'élément se comportera comme une colonne de tableau. |
table-row |
L'élément se comportera comme une ligne de tableau. |
table-column-group |
L'élément se comportera comme la balise colgroup. |
table-footer-group |
L'élément se comportera comme la balise tfoot. |
table-header-group |
L'élément se comportera comme la balise thead. |
table-row-group |
L'élément se comportera comme la balise tbody. |
run-in |
Définit l'élément comme un bloc ou un élément intégré selon le contexte. |
Par défaut, les éléments peuvent avoir différentes
valeurs de display.