Pantalla CSS * Tipo de pantalla

Pantalla CSS

Hereditaria: Nein

bloque de visualización | inline | run-in
flujo | flujo-raíz | tabla | flex | cuadrícula | ruby | subred
lista-elemento | bloque de lista-elemento | flujo de lista-elemento | flujo de lista-elemento-raíz | bloque de lista-elemento flujo | bloque de lista-elemento flujo-raíz | bloque de flujo-elemento
fila-tabla-grupo | encabezado-tabla-pie de página-grupo | fila-tabla | fila-tabla | celda-tabla | columna-grupo | columna-tabla ruby-text | ruby-base-container | ruby-text-container
content | none
bloque en línea | elemento de lista en línea | tabla en línea | flex en línea | cuadrícula en línea
bloque stellt ein Element als Elemento de bloque oder – caja, que crea un salto de línea antes y después del elemento. flex representa un elemento como un elemento de bloque y un contenedor flexible. flow-root podría ser el final del clearfix: después de un bloque con display: flow-root, el siguiente bloque debe ir al borde, incluso si un elemento con float:left o float-right está en este bloque. grid crea una cuadrícula de diseño en la que los elementos se pueden colocar en cualquier posición independientemente del orden del contenido (compatible con IE10, IE11 y Edge solo en una sintaxis antigua limitada). inline-flex representa un elemento como elemento en línea y contenedor flexible. inline es el valor predeterminado y representa un elemento como elemento inline. Los elementos en línea no producen un salto de línea antes y después del elemento. En otras palabras, el elemento se muestra en la misma línea. el bloque en línea crea una caja que «fluye» dentro de una caja en línea. la tabla en línea representa una tabla como un elemento o cuadro en línea que no genera un salto de línea antes y después de la tabla. list-item representa el elemento como una lista. Cada elemento puede ir precedido de un elemento de lista opcional, como un círculo lleno, que también puede reemplazarse por una imagen, un icono o un símbolo.
Una alternativa elegante a:: before marker asigna un marcador al contenido antes o después de un elemento box. el marcador se usa junto con los pseudo-elementos :after y :before (display:marcador para trucos CSS) ninguno suprime la visualización de elementos. Si se aplica display:none, el navegador debe ignorar todas las instrucciones de posicionamiento (tanto posición como flotación) y no genera una caja para el elemento. run-in representa el elemento como un elemento en bloque o en línea, dependiendo del contexto. la tabla representa un elemento como un elemento de bloque. la leyenda de tabla representa un elemento como leyenda de tabla. table-cell representa el elemento como si fuera una celda de tabla (td). table-column representa el elemento como si fuera una columna de tabla (col). table-column-group representa el elemento como si fuera un grupo de columnas de tabla (colgroup). table-footer-group representa el elemento como si fuera un grupo de notas al pie de tabla (pie de tabla). table-header-group representa el elemento como si fuera un grupo de encabezados de tabla. fila de tabla representa el elemento como si fuera una fila de tabla (fila de tabla). table-row-group representa el elemento como si fuera un grupo de filas de tabla (fila de tabla).