CSS - Varias columnas

CSS3 admite varias columnas para organizar el texto como una estructura de periódico.

Algunas de las propiedades de columnas múltiples utilizadas más comunes, como se muestra a continuación:

No.Valor y descripción
1column-count

Se utiliza para contar el número de columnas que se debe dividir ese elemento.

2column-fill

Se utiliza para decidir cómo llenar las columnas.

3column-gap

Se utiliza para decidir el espacio entre las columnas.

4column-rule

Se utiliza para especificar el número de reglas.

5rule-color

Se utiliza para especificar el color de la regla de la columna.

6rule-style

Se utiliza para especificar la regla de estilo para la columna.

7rule-width

Se utiliza para especificar el ancho.

8column-span

Se utiliza para especificar el intervalo entre columnas.

Ejemplo

El siguiente ejemplo muestra la disposición del texto como una nueva estructura de papel.

Supongamos que, si el usuario quiere hacer que el texto sea como un papel nuevo sin línea, podemos hacerlo eliminando la sintaxis de estilo como se muestra a continuación: