English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
columna-El atributo span CSS especifica el número de columnas que cruza un elemento en el diseño en múltiples columnas. Los elementos que cruzan múltiples columnas se denominan elementos cruzados.
La tabla a continuación proporciona una descripción del uso y el historial de versiones de esta propiedad, así como la sintaxis de uso en scripts de JavaScript.
| Valor predeterminado: | none |
|---|---|
| Aplique a: | Elementos de bloque, flotantes y elementos de posición absoluta excepto |
| Herencia: | No |
| Animable: | No.Ver: Atributos de animación。 |
| Versión: | CSS3nuevas características |
| Sintaxis de JavaScript: | object.style.columnSpan="all" |
La sintaxis de este atributo es la siguiente:
columna-span: none | all | initial | inherit
Los siguientes ejemplos muestran cómo usar columna-Atributo span.
h1 {
-webkit-columna-span: all; /* Chrome, Safari, Opera */
columna-span: all;
}Ver el‹/›La tabla a continuación describe los valores de esta propiedad.
| Valor | Descripción |
|---|---|
| none | El elemento no cruza múltiples columnas. Este es el valor predeterminado. |
| all | El elemento cruza todas las columnas de la página. Todo el contenido declarado antes del elemento se muestra antes del elemento. |
| initial | Establecer este atributo en su valor predeterminado. |
| inherit | Si se especifica, los elementos relacionados utilizan el elemento padre columna-El valor del atributo span. |
columna-La compatibilidad del navegador del atributo span. Los números en la tabla a continuación representan la versión mínima del navegador que admite esta propiedad; todos los navegadores principales admiten esta propiedad.
|
Consulte los siguientes tutoriales:CSS3Diseño en múltiples columnas。
Propiedades relacionadas:columna-width，columna-relleno，columna-espacio，columna-regla，columna-regla-color，columna-regla-estilo，columna-regla-width，columna-count，columnas。