CSS3 columna en reglas de ancho de atributo
Ejemplos
Especifica el ancho de la regla entre columnas:
div
{
column-rule-width:10px;
-moz-column-rule-width:10px; /* Firefox */
-webkit-column-rule-width:10px; /* Safari and Chrome */
}
{
column-rule-width:10px;
-moz-column-rule-width:10px; /* Firefox */
-webkit-column-rule-width:10px; /* Safari and 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-width | 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
atributo de columna en reglas de ancho especifica el ancho de la regla entre columnas.
Por defecto: | medio |
---|---|
herencia: | no |
Version: | CSS3 |
la sintaxis de JavaScript: | objetar .style.columnRuleWidth = "fina" |
gramática
columna-regla-width: delgada | medio | grueso | longitud;
valor | explicación |
---|---|
delgado | Especificar una delgada reglas fronterizas |
medio | Definir una reglas de mediano fronterizos |
grueso | Especificar un grueso reglas fronterizas |
longitud | Especifica el ancho de la regla |
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.
Columna en reglas
Las reglas especifican entre columnas: ancho, estilo y color.
Artículos relacionados
CSS3 tutorial: CSS3 varias columnas