El mejor tutorial de propiedad CSS3 columna en reglas en 2024. En este tutorial podrás aprender Ejemplos,Soporte para el navegador,Definiciones de atributos e instrucciones,gramática,más ejemplos,Artículos relacionados,

propiedad CSS3 columna en reglas

Ejemplos

Las reglas especifican entre columnas: ancho, estilo y color de:

div
{
columna en reglas: 3px principio # ff00ff;
-moz-column-rule: 3px principio # ff00ff; / * Firefox * /
-webkit-columna-regla: 3px principio # ff00ff; / * * Safari y Chrome /
}

Trate »
En la parte inferior de esta página para más ejemplos.

Soporte para el navegador

Las cifras de la tabla representan el primer navegador compatible con el número de versión de la propiedad.

Inmediatamente después de la -webkit- digital, -MS- o hace -moz- en apoyo del prefijo atribuyen primer número de la versión del navegador.

属性
column-rule 50.0
4.0 -webkit-
10.0 2.0 -moz- 9.0
3.1 -webkit-
37.0
15.0 -webkit
11.1

Definiciones de atributos e instrucciones

propiedad de la columna en reglas

propiedad de la columna en reglas se establece todas las propiedades de columna en reglas * de una propiedad resumida. propiedad de la columna en reglas se establece entre los anchos de columna, estilos y colores.

Por defecto: Ninguno medio negro
herencia: no
Version: CSS3
la sintaxis de JavaScript: objetar .style.columnRule = "# 3px principio ff00ff"


gramática

columna en reglas: columna en reglasancho regla de estilo de columna en columna de regla de color;

valor explicación
columna en reglas de ancho Ajuste el ancho de la regla entre columnas
En reglas de estilo de columna Configuración de reglas de estilo entre las columnas
columna de regla de color Se define la regla de color entre columnas


Ejemplos

más ejemplos

Columna de recuento
Texto elemento div en tres columnas.

Columna de diferencia
Texto en el elemento div en tres columnas, y especificar la distancia entre las columnas de un 30 píxeles.


Artículos relacionados

CSS3 tutorial: CSS3 múltiple las Columnas

propiedad CSS3 columna en reglas
10/30