propiedad de estilo CSS3 regla de la columna
Ejemplos
Especificar reglas de estilo entre columnas:
div
{
columna en reglas de estilo: punteado;
-moz-column-rule-style: punteado; / * Firefox * /
-Columna en reglas de estilo -webkit: punteado; / * * Safari y Chrome /
}
{
columna en reglas de estilo: punteado;
-moz-column-rule-style: punteado; / * Firefox * /
-Columna en reglas de estilo -webkit: punteado; / * * 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-style | 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 la regla de estilo de columna especifica las reglas de estilo entre las columnas.
Por defecto: | ninguno |
---|---|
herencia: | no |
Version: | CSS3 |
la sintaxis de JavaScript: | objetar .style.columnRuleStyle = "puntos" |
gramática
columna-regla-style: none | oculto | salpicado | discontinua | sólida | doble | surco | canto | inserción | principio;
valor | descripción |
---|---|
ninguno | No hay reglas definidas. |
oculto | Ocultar reglas definidas. |
punteado | Definir las reglas de punto. |
discontinua | La línea de puntos se define reglas. |
sólido | Definir las reglas de la línea real. |
doble | doble por regla definida. |
surco | 3D acanalado reglas definidas. Este efecto depende de los valores de anchura y color. |
cresta | Definir reglas 3D camellones. Este efecto depende de los valores de anchura y color. |
recuadro | 3D reglas inserción definido. Este efecto depende de los valores de anchura y color. |
principio | reglas definidas principio 3D. Este efecto depende de los valores de anchura y color. |
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 múltiple las Columnas