English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attributo CSS columns è un attributo abbreviato utilizzato per impostare contemporaneamentecolumn-widthEcolumn-countProprietà.
La tabella sottostante fornisce la descrizione dell'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi di utilizzo di questa proprietà nei script JavaScript.
| Valore predefinito: | auto auto; Visualizza tutte le proprietà |
|---|---|
| Applicabile a: | Non sostituibileBloccanteElemento (esclusi gli elementi tabella), cella tabella eBlocco in lineaElemento |
| Ereditarietà: | No |
| Animabile: | Sì, perché ogni attributo di abbreviazione è animabile.Si prega di consultare Proprietà animazione. |
| Versione: | Nuova funzionalità del CSS3 |
| Sintassi JavaScript: | object.style.columns="100px 3" |
La sintassi di questo attributo è la seguente:
columns: [ column-width column-count ] | initial | inherit
Il seguente esempio dimostra come utilizzare l'attributo columns.
p {
-webkit-columns: 150px 3; /* Chrome, Safari, Opera */
-moz-columns: 150px 3; /* Firefox */
columns: 150px 3;
}Prova a vedere‹/›La tabella sottostante descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| column-width | Specificare la larghezza ottimale delle colonne per l'elemento a più colonne. |
| column-count | Specificare il numero ottimale di colonne per l'elemento a più colonne. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato utilizza il valore dell'attributo columns del suo elemento padre. |
La compatibilità dei browser con l'attributo columns, i numeri nella tabella sottostante rappresentano la versione minima del browser che supporta l'attributo; tutti i browser mainstream supportano questa proprietà.
|
Si prega di consultare la seguente guida:Layout a più colonne del CSS3.
Proprietà correlate:column-span,column-fill,column-gap,column-rule,column-rule-color,column-rule-style,column-rule-width,column-count,column-width.