Propiedad column-rule
La propiedad column-rule establece un borde
entre las columnas en texto multicolumna.
En términos de valores aceptados, coincide con la propiedad
border.
Ejemplo . Tipo solid
En este ejemplo, el texto se dividirá en 3
columnas con bordes entre columnas en forma de
línea continua de 1px de grosor (la distancia
entre las columnas se formará automáticamente,
ya que se estableció column-gap
con el valor normal):
<div id="elem">
some long text
</div>
#elem {
column-rule: 1px solid black;
column-count: 3;
column-gap: normal;
text-align: justify;
}
:
Ejemplo . Influencia de column-gap
En este ejemplo, el texto se dividirá en 3
columnas con un espacio entre ellas de 50px.
El borde pasará por la mitad del espacio
(a la derecha y a la izquierda del borde habrá 25px):
<div id="elem">
some long text
</div>
#elem {
column-rule: 1px solid black;
column-count: 3;
column-gap: 50px;
text-align: justify;
}
:
Véase también
-
propiedad
column-width,
que establece el ancho de la columna -
propiedad
column-count,
que establece el número de columnas -
propiedad
column-gap,
que establece el espacio entre columnas -
propiedad
column-span,
que establece el número de columnas que debe abarcar un elemento -
propiedad
columns,
que es una propiedad abreviada para multicolumna
