manual de referencia CSS

CSS @reglas (RULES)

大全 CSS

CSS3 columna-Atributo span CSS3 columna-regla-Atributo style

CSS3 columna-regla-Método de uso y ejemplo del atributo width

columna-regla-El atributo width CSS establece el ancho de la regla dibujada entre las columnas del diseño multicolumnas.

La tabla a continuación proporciona la descripción de uso y el historial de versiones de este atributo, así como la sintaxis de uso en scripts de JavaScript.

Valor predeterminado:	medium
Aplicable a:	Elementos multicolumnas
Herencia:	No
Animable:	Sí.Consulte Atributos de animación.
Versión:	CSS3nueva característica
Sintaxis de JavaScript:	objeto.style.columnRuleWidth="delgada"

columna-regla-Sintaxis de uso de width

La sintaxis de este atributo es la siguiente:

columna-regla-width: longitud | media | delgada | gruesa | inicial | inherit

Los siguientes ejemplos muestran cómo usar column-regla-Atributo width

Ejemplo

p {
　　　　/*　Chrome, Safari, Opera　*/
　　　　-webkit-columna-count:　3;
　　　　-webkit-columna-gap:　100px;
　　　　-webkit-columna-regla-color: rojo;
　　　　-webkit-columna-regla-width:　2px;
　　　　-webkit-columna-regla-style: sólido;
　　　　/*　Firefox　*/
　　　　-moz-columna-count:　3;
　　　　-moz-columna-gap:　100px;
　　　　-moz-columna-regla-color: rojo;
　　　　-moz-columna-regla-width:　2px;
　　　　-moz-columna-regla-style: sólido;
　　　　
　　　　columna-count:　3;
　　　　columna-gap:　100px;
　　　　columna-regla-color: rojo;
　　　　columna-regla-width:　2px;
　　　　columna-regla-style: sólido;
}

Prueba aquí‹/›

Valor del atributo

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

Valor	Descripción
longitud	Longitud expresada en unidades absolutas o relativas, utilizada para especificar el ancho de la regla.
medium	Definir una regla media. Este es el valor predeterminado.
thin	Definir una regla delgada. El ancho es menor que el valor predeterminado.
thick	Definir una regla estricta. El ancho es mayor que el valor predeterminado.
initial	Establecer este atributo en su valor predeterminado.
inherit	Si se especifica, el elemento asociado utiliza el elemento padre column-regla-Valor del atributo width.

Compatibilidad del navegador

columna-regla-La compatibilidad del navegador del atributo width, los números en la tabla a continuación representan la versión más baja del navegador que admite esta propiedad; todos los navegadores populares 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 multicolumnas.

Propiedades relacionadas:columna-width,columna-fill,columna-gap,columna-regla,columna-regla-color,columna-regla-style,columna-span,columna-count,columns.

CSS3 columna-Atributo span CSS3 columna-regla-Atributo style