column-width CSS3 atributo
Ejemplos
Especifica el ancho de las columnas:
div
{
column-width: 100px;
-moz-column-width: 100px; / * Firefox * /
-webkit-column-width: 100px; / * * Safari y Chrome /
}
{
column-width: 100px;
-moz-column-width: 100px; / * Firefox * /
-webkit-column-width: 100px; / * * 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-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 column-width especifica el ancho de la columna.
Por defecto: | auto |
---|---|
herencia: | no |
Version: | CSS3 |
la sintaxis de JavaScript: | objetar .style.columnWidth = "100px" |
gramática
column-width: auto|length;
值 | 描述 |
---|---|
auto | 浏览器将决定列的宽度 |
length | 指定列宽的长度 |
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