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 |
---|---|
1 | column-count Se utiliza para contar el número de columnas que se debe dividir ese elemento. |
2 | column-fill Se utiliza para decidir cómo llenar las columnas. |
3 | column-gap Se utiliza para decidir el espacio entre las columnas. |
4 | column-rule Se utiliza para especificar el número de reglas. |
5 | rule-color Se utiliza para especificar el color de la regla de la columna. |
6 | rule-style Se utiliza para especificar la regla de estilo para la columna. |
7 | rule-width Se utiliza para especificar el ancho. |
8 | column-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: