CSSControl de diseño


Sintaxis

  • pantalla: ninguna | en línea | bloque lista-item | inline-list-item | bloque en linea | mesa en linea | mesa | mesa-celda | tabla-columna | tabla-columna-grupo | grupo de pies de mesa | table-header-group | tabla-fila | tabla-fila-grupo | flexionar inline-flex | rejilla inline-grid | run-in | rubí | base de rubí | texto de rubí | rubí-base-contenedor | ruby-text-container | contenido;

Parámetros

Valor Efecto
none Oculta el elemento y evita que ocupe espacio.
block Elemento de bloque, ocupa el 100% del ancho disponible, rompe después del elemento.
inline Elemento en línea, no ocupa ancho, no hay ruptura después del elemento.
inline-block Tomando propiedades especiales de los elementos en línea y de bloque, no hay ruptura, pero puede tener ancho.
inline-flex Muestra un elemento como un contenedor flexible en el nivel en línea.
inline-table El elemento se muestra como una tabla de nivel en línea.
grid Se comporta como un elemento de bloque y establece su contenido de acuerdo con el modelo de cuadrícula.
flex Se comporta como un elemento de bloque y establece su contenido de acuerdo con el modelo flexbox.
inherit Hereda el valor del elemento padre.
initial Restablezca el valor al valor predeterminado tomado de los comportamientos descritos en las especificaciones HTML o de la hoja de estilo predeterminada del usuario / navegador.
table Se comporta como el elemento de table HTML.
table-cell Deja que el elemento se comporte como un elemento <td>
table-column Deja que el elemento se comporte como un elemento <col>
table-row Deja que el elemento se comporte como un elemento <tr>
list-item Deje que el elemento se comporte como un elemento <li> .

Control de diseño Ejemplos relacionados