English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
column-El atributo count CSS especifica el número de columnas en un elemento de múltiples columnas.
La tabla a continuación proporciona una descripción de uso y un historial de versiones de esta propiedad, así como la sintaxis de uso de este atributo en scripts de JavaScript.
| Valor predeterminado： | auto |
|---|---|
| Aplique a： | No reemplazadosElementos de bloques（excepto elementos tabulares），células tabulares yElementos en línea de bloques |
| Herencia： | No |
| Animable: | Sí.Atributos de animación。 |
| Versión： | CSS3La nueva característica |
| Sintaxis de JavaScript： | object.style.columnCount=5 |
La sintaxis de este atributo es la siguiente：
column-count: | auto | initial | inherit
El siguiente ejemplo muestra cómo usar column-Atributo count.
p {
-webkit-column-count: 3; /* Chrome, Safari, Opera */
-moz-column-count: 3; /* Firefox */
column-count: 3;
}Prueba aquí‹/›La tabla a continuación describe los valores de esta propiedad.
| Valor | Descripción |
|---|---|
| number | Un número entero positivo utilizado para especificar el número de columnas en un elemento múltiple de columnas. Sicolumn-widthSi también se establece en un valor no auto, puede representar el número máximo permitido de columnas. |
| auto | El número de columnas se determina por otros atributos CSS, por ejemplocolumn-width。Este es el valor predeterminado。 |
| initial | Establezca este atributo en su valor predeterminado. |
| inherit | Si se especifica, los elementos relacionados utilizarán el elemento padre column-Valores del atributo count. |
column-La compatibilidad del navegador del atributo count se muestra a continuación; los números en la tabla representan la versión mínima del navegador que admite la propiedad; todos los navegadores principales admiten esta propiedad.
|
Consulte las siguientes instrucciones：CSS3Diseño de múltiples columnas。
Atributos relacionados：column-width，column-gap，column-rule，column-rule-width，column-rule-style，column-rule-color，column-span，column-fill，columns。