manual de referencia de CSS

reglas de CSS @

大全 de Atributos CSS

CSS3 column-rule-color atributo CSS3 column-gap atributo

CSS3 column-Uso y ejemplo de rule atributo

olumn-rule CSS atributo especifica una línea que se dibuja entre cada columna, es decir, "regla". Es un atributo abreviado para establecer un solo atributo, es decir, establecer simultáneamentecolumn-rule-width，column-rule-styleycolumn-rule-color。

La tabla a continuación proporciona instrucciones de uso y registro histórico de versiones de este atributo, así como la sintaxis de uso en scripts de JavaScript.

Valor predeterminado:	Ver todos los atributos
Aplicable a:	Elementos de múltiples columnas
Heredado:	No
Animable:	Sí, porque ciertos atributos de la abreviatura pueden establecer animaciones.Por favor, consulte Atributos de animación。
Versión:	CSS3nuevas características
JavaScript sintaxis:	objeto.style.columnRule="3px outset #ff00ff"

column-Sintaxis de uso de rule

La sintaxis de este atributo es la siguiente:

column-rule: [ column-rule-width column-rule-style column-rule-color ] | inicial | heredado

El siguiente ejemplo muestra cómo usar column-Atributo rule.

Ejemplo

p {
　　　　/*　Chrome, Safari, Opera　*/
　　　　-webkit-column-count:　3;
　　　　-webkit-column-gap:　100px;
　　　　-webkit-column-rule:　2px sólido rojo;
　　　　/*　Firefox　*/
　　　　-moz-column-count:　3;
　　　　-moz-column-gap:　100px;
　　　　-moz-column-rule:　2px sólido rojo;
　　　　
　　　　column-count:　3;
　　　　column-gap:　100px;
　　　　column-rule:　2px sólido rojo;
}

Prueba aquí‹/›

Valores del atributo

La tabla a continuación describe los valores de este atributo.

Valor	Descripción
column-rule-width	Establecer el ancho de la regla entre las columnas. El valor predeterminado es medium. No se permite el uso de valores negativos.
column-rule-style	Establecer el estilo de la regla entre las columnas. El valor predeterminado es sin
column-rule-color	Establecer el color de la regla entre las columnas. El valor predeterminado escolorde los elementos.
initial	Establecer este atributo en su valor predeterminado.
inherit	Si se especifica, los elementos relacionados adoptan el valor de column del elemento padre-Valores del atributo rule.

Compatibilidad del navegador

column-La compatibilidad del navegador del atributo rule, los números en la tabla a continuación representan la versión más baja del navegador que admite este atributo; todos los navegadores principales admiten este atributo.

	Firefox 2+ ^-moz- Google Chrome 4+ ^-webkit- Internet Explorer 10+ Apple Safari 3.1+ ^-webkit- Opera 11.1+ ^-o-，15+ ^-webkit-

Leer más

Por favor, consulte las siguientes instrucciones:CSS3Diseño de múltiples columnas。

Atributos relacionados:column-width，column-fill，column-gap，column-rule-width，column-rule-style，column-rule-color，column-span，column-count，columns。

CSS3 column-rule-color atributo CSS3 column-gap atributo