24 lines
1.4 KiB
Markdown
24 lines
1.4 KiB
Markdown
|
---
|
||
|
|
title: CSS3 Multiple Columns
|
||
|
|
localeTitle: CSS3 columnas múltiples
|
||
|
|
---
|
||
|
|
## CSS3 columnas múltiples
|
||
|
|
|
||
|
|
El **diseño** de varias columnas de CSS amplía el modo de _diseño de bloques_ para permitir la definición fácil de varias columnas de texto. La gente tiene problemas para leer el texto si las líneas son demasiado largas; si los ojos tardan demasiado en moverse desde el final de una línea hasta el principio de la siguiente, pierden la pista de en qué línea estaban. Por lo tanto, para hacer un uso máximo de una pantalla grande, los autores deben tener columnas de texto de ancho limitado colocadas una al lado de la otra, al igual que los periódicos.
|
||
|
|
|
||
|
|
Desafortunadamente, esto es imposible de hacer con CSS y HTML sin forzar saltos de columna en posiciones fijas, o restringir severamente el marcado permitido en el texto, o usar scripts heroicos. Esta limitación se resuelve agregando nuevas propiedades CSS para extender el modo de diseño de bloque tradicional.
|
||
|
|
|
||
|
|
Hay varias propiedades que te permiten personalizar el diseño de varias columnas:
|
||
|
|
|
||
|
|
* recuento de columnas
|
||
|
|
* espacio entre columnas
|
||
|
|
* columna-regla-estilo
|
||
|
|
* columna-regla-ancho
|
||
|
|
* columna-regla-color
|
||
|
|
* regla de columna
|
||
|
|
* lapso de columna
|
||
|
|
* ancho de columna
|
||
|
|
|
||
|
|
#### Más información:
|
||
|
|
|
||
|
|
[Este es un gran artículo](https://css-tricks.com/almanac/properties/c/columns/) para leer y comprender más sobre las columnas múltiples de CSS3
|