Texto en varias columnas, como en un periódico, y dónde se puede partir una caja entre columnas o páginas al imprimir.
columns: Abreviada de número de columnas y ancho mínimo de cada una.
column-count: El número de columnas.
column-width: El ancho ideal de cada columna.
column-rule: Una línea entre columnas.
Texto en varias columnas, como en un periódico, y dónde se puede partir una caja entre columnas o páginas al imprimir.
Cada elemento lleva una definición corta y un ejemplo. En Practica, al final, tienes los mismos ejemplos para editarlos y ver el resultado al momento.
Abreviada de número de columnas y ancho mínimo de cada una.
Valores: 3, 15rem, 2 12rem
El número de columnas.
Valores: 2, 3, auto
El ancho ideal de cada columna: el navegador pone tantas como quepan.
Valores: 14rem, auto
Una línea entre columnas: grosor, estilo y color, como un borde.
Valores: 1px solid #d6dce5
Que un elemento (un titular) ocupe todas las columnas.
Valores: none, all
Si una caja puede partirse entre dos columnas o dos páginas impresas. avoid la mantiene entera.
Valores: auto, avoid, avoid-page, avoid-column
Fuerza o evita un salto de columna o de página antes del elemento (también break-after). Útil al imprimir.
Valores: auto, page, column, avoid
Texto en varias columnas, como en un periódico, y dónde se puede partir una caja entre columnas o páginas al imprimir.
Código del tema: .texto { columns: 12rem; }
Texto en varias columnas, como en un periódico, y dónde se puede partir una caja entre columnas o páginas al imprimir.
Cada elemento lleva una definición corta y un ejemplo. En Practica, al final, tienes los mismos ejemplos para editarlos y ver el resultado al momento.
Abreviada de número de columnas y ancho mínimo de cada una.
Valores: 3, 15rem, 2 12rem
El número de columnas.
Valores: 2, 3, auto
El ancho ideal de cada columna: el navegador pone tantas como quepan.
Valores: 14rem, auto
Una línea entre columnas: grosor, estilo y color, como un borde.
Valores: 1px solid #d6dce5
Que un elemento (un titular) ocupe todas las columnas.
Valores: none, all
Si una caja puede partirse entre dos columnas o dos páginas impresas. avoid la mantiene entera.
Valores: auto, avoid, avoid-page, avoid-column
Fuerza o evita un salto de columna o de página antes del elemento (también break-after). Útil al imprimir.
Valores: auto, page, column, avoid