CSS display * type d’affichage

CSS display

héréditaire: Nein

bloc d’affichage | inline|run-in
flow|flow-root|table|flex|grid|ruby|subgrid
list-item|list-item block|list-item flow|list-item flow-root|list-item block flow|list-item block flow-root|flow list-item block
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
content|none
inline-block|inline-list-item| inline-table| inline-flex|inline-grid
block stellt ein Element als Blockelement oder – boîte qui crée un saut de ligne avant et après l’élément. flex représente un élément en tant qu’élément de bloc et conteneur Flex. flow-root pourrait être la fin du Clearfix: après un bloc avec display: flow-root, le bloc suivant doit être à la marge, même si un élément avec float: left ou float-right se trouve dans ce bloc. grid crée une grille de mise en page dans laquelle les éléments peuvent être placés à n’importe quelle position, sans tenir compte de l’ordre du contenu (pris en charge par IE10, IE11 et Edge uniquement dans une ancienne syntaxe restreinte). inline-flex représente un élément en tant Qu’élément Inline et conteneur Flex. inline est la valeur par défaut et représente un élément en tant qu’élément en ligne. Les éléments en ligne ne provoquent pas de saut de ligne avant et après l’élément. En d’autres termes, L’élément est représenté sur la même ligne. inline-block crée une boîte qui « coule »à l’intérieur d’une inline-Box. inline-table représente une table en tant qu’élément ou boîte en ligne qui n’entraîne pas de saut de ligne avant et après la table. list-item représente l’élément sous forme de Liste. Chaque élément peut être précédé d’un élément de liste facultatif tel qu’un cercle rempli, mais il peut également être remplacé par une image, une icône ou une icône.
Une Alternative élégante à ::before marker attribue un marqueur au contenu avant ou après un élément de la boîte. marker est utilisé avec les pseudo-éléments: after et:before (display: marker pour les astuces CSS) none supprime la représentation des éléments. Si display: none s’applique, le navigateur doit ignorer toutes les instructions de positionnement (position et float) et ne génère aucune boîte pour l’élément. run-in représente l’élément en bloc ou en ligne en fonction du contexte. table représente un élément en tant qu’élément de bloc. table-caption représente un élément sous la forme d’une légende de table. table-cell représente l’élément comme s’il s’agissait d’une cellule de table (td). table-column représente l’élément comme s’il s’agissait d’une colonne de table (col). table-column-group représente l’élément comme s’il s’agissait d’un groupe de colonnes de table (colgroup). table-footer-group représente l’élément comme S’il s’agissait d’un groupe de notes de bas de page (table footer). table-header-group représente l’élément comme S’il s’agissait d’un groupe d’en-têtes de table (table header). table-row représente l’élément comme S’il s’agissait d’une ligne de table (table row). table-row-group représente l’élément comme S’il s’agissait d’un ensemble de lignes de table (table row).