columnas CSS3 propiedad
Ejemplos
Especifica el ancho y el número de columnas:
div
{
columns:100px 3;
-webkit-columns:100px 3; /* Safari and Chrome */
-moz-columns:100px 3; /* Firefox */
}
{
columns:100px 3;
-webkit-columns:100px 3; /* Safari and Chrome */
-moz-columns:100px 3; /* Firefox */
}
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.
属性 | |||||
---|---|---|---|---|---|
columns | 50.0 4.0 -webkit- |
10.0 | 9.0 -moz- | 9.0 3.1 -webkit- |
37.0 15.0 -webkit- 11.1 |
Definiciones de atributos e instrucciones
Columnas propiedad es una propiedad abreviada para establecer el ancho de columna y el número de columnas.
Por defecto: | auto coche |
---|---|
herencia: | no |
Version: | CSS3 |
la sintaxis de JavaScript: | .style.columns objeto = "100px 3" |
gramática
columnas: la columna al ancho de la columna de recuento;
valor | descripción |
---|---|
columna de ancho | El ancho de columna |
la columna de recuento | Número de columnas |
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