English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attributo CSS column-span specifica il numero di colonne che un elemento deve attraversare in un layout a più colonne. Gli elementi che attraversano più colonne sono detti elementi di attraversamento.
La tabella sottostante fornisce una descrizione dell'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi dell'uso in script JavaScript.
| Valore predefinito: | none |
|---|---|
| Applicabile a: | Elementi bloccanti, float e posizionamento assoluto esclusi |
| Ereditabile: | No |
| Animabile: | No.Vedere anche Attributi animazione. |
| Versione： | Nuova funzionalità del CSS3 |
| Sintassi JavaScript： | object.style.columnSpan="all" |
La sintassi di questa proprietà è la seguente：
column-span: none | all | initial | inherit
Gli esempi seguenti mostrano come utilizzare l'attributo column-span.
h1 {
-webkit-column-span: all; /* Chrome, Safari, Opera */
column-span: all;
}Prova a vedere‹/›La tabella sottostante descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| none | L'elemento non attraversa più colonne. Questo è il valore predefinito. |
| all | L'elemento attraversa tutte le colonne della pagina. Tutti i contenuti dichiarati prima dell'elemento vengono visualizzati prima dell'elemento. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato utilizza il valore di column-span del suo elemento padre. |
Compatibilità dei browser per l'attributo column-span, i numeri nella tabella sotto rappresentano la versione minima dei browser che supportano l'attributo; tutti i browser mainstream supportano questa proprietà.
|
Ecco alcune guide da consultare：Layout a più colonne del CSS3.
Proprietà correlate：column-width,column-fill,column-gap,column-rule,column-rule-color,column-rule-style,column-rule-width,column-count,columns.