libro de referencias CSS

reglas CSS @

大全 de propiedades CSS

CSS3 column-rule-Atributo style CSS3 column-Atributo rule

CSS3 column-rule-Atributo size

column-rule-Uso y ejemplo del atributo color

El atributo color CSS establece el color de todas las reglas dibujadas entre las columnas en el diseño de multi-columns.

La tabla a continuación proporciona explicaciones de uso y historial de versiones de este atributo, así como la sintaxis de uso en scripts de JavaScript.	Valor predeterminado:colorActual
Valor del elemento	Aplicable a:
Elementos de multi-columns	Herencia:
No	Animable:Es. Consulte。
Atributos de animación	CSS3Versión:
Nueva funcionalidad de JavaScript:	object.style.columnRuleColor="#ff00ff"

Sintaxis de uso del color de la regla de columna

La sintaxis de este atributo es la siguiente:

column-rule-color:　color　|　initial　|　inherit

Los siguientes ejemplos muestran cómo usar column-rule-Atributo color

Ejemplo

p　{
　　　　/*　Chrome,　Safari,　Opera　*/
　　　　-webkit-column-count:　3;
　　　　-webkit-column-gap:　100px;
　　　　-webkit-column-rule-color:　red;
　　　　-webkit-column-rule-width:　2px;
　　　　-webkit-column-rule-style:　solid;
　　　　/*　Firefox　*/
　　　　-moz-column-count:　3;
　　　　-moz-column-gap:　100px;
　　　　-moz-column-rule-color:　red;
　　　　-moz-column-rule-width:　2px;
　　　　-moz-column-rule-style:　solid;
　　　　
　　　　column-count:　3;
　　　　column-gap:　100px;
　　　　column-rule-color:　red;
　　　　column-rule-width:　2px;
　　　　column-rule-style:　solid;
}

Prueba aquí‹/›

Valores del atributo

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

Valor	Descripción
color	Especifique el color de la regla de columna. Acepta cualquier valor válidoValores de color CSS。
initial	Establezca este atributo en su valor predeterminado.
inherit	Si se especifica, el elemento asociado utiliza el elemento padre column-rule-Valores del atributo color

Compatibilidad del navegador

column-rule-La compatibilidad del navegador del atributo color, los números en la tabla a continuación representan la versión mínima del navegador que admite esta propiedad; todos los navegadores principales admiten esta propiedad.

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

Leer más

Consulte los siguientes tutoriales:CSS3Diseño de multi-columns。

Propiedades relacionadas:column-width，column-fill，column-gap，column-rule，column-rule-width，column-rule-style，column-span，column-count，columns。

CSS3 column-rule-Atributo style CSS3 column-Atributo rule