English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
El atributo columns CSS es un atributo abreviado que se utiliza para configurar simultáneamentecolumn-widthYcolumn-countAtributo
La tabla a continuación describe el uso y el historial de versiones de este atributo, así como la sintaxis de uso en scripts de JavaScript.
| Valor predeterminado: | auto auto; Ver todas las propiedades |
|---|---|
| Aplique a: | No reemplazadoBloqueElemento (excepto los elementos de tabla), celda de tabla yBloque en líneaElemento |
| Herencia: | No |
| Animación: | Sí, porque cada propiedad de la abreviatura es animable.Consulte Atributos de animación。 |
| Versión: | CSS3nueva característica |
| Sintaxis de JavaScript: | object.style.columns="100px 3" |
La sintaxis de este atributo es la siguiente:
columns: [ column-width column-count ] | initial | inherit
El siguiente ejemplo muestra cómo usar el atributo columns.
p {
-webkit-columns: 150px 3; /* Chrome, Safari, Opera */
-moz-columns: 150px 3; /* Firefox */
columns: 150px 3;
}Prueba aquí‹/›La tabla a continuación describe los valores de este atributo.
| Valor | Descripción |
|---|---|
| column-width | Especificar el mejor ancho de columna en el elemento de múltiples columnas. |
| column-count | Especificar el mejor número de columnas en el elemento de múltiples columnas. |
| initial | Establecer este atributo en su valor predeterminado. |
| inherit | Si se especifica, el elemento asociado utiliza el valor del atributo columns del elemento padre. |
La compatibilidad del navegador del atributo columns, los números en la tabla a continuación representan la versión mínima de los navegadores que admiten este atributo; todos los navegadores principales admiten este atributo.
|
Consulte las siguientes instrucciones:CSS3Diseño de múltiples columnas。
Propiedades relacionadas:column-span，column-fill，column-gap，column-rule，column-rule-color，column-rule-style，column-rule-width，column-count，column-width。