English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuale di riferimento CSS

Regole @ CSS (RULES)

Manuale completo delle proprietà CSS

Metodo di utilizzo e esempio dell'attributo column-count CSS3

L'attributo column-count CSS specifica il numero di colonne degli elementi multi-colonna.

La tabella sottostante fornisce la descrizione dell'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi di utilizzo della proprietà nel linguaggio JavaScript.

Valore predefinito：auto
Applicabile a：Non sostituibiliElementi bloccanti（esclusi gli elementi tabella），cella tabella eElementi inline block
Ereditabile：No
Animabile：Sì.Attributi animazione。
Versione： Nuova funzionalità del CSS3
Sintassi JavaScript：object.style.columnCount=5

Sintassi dell'uso di column-count

La sintassi di questo attributo è la seguente：

column-count:　　|　auto　|　initial　|　inherit

Gli esempi seguenti dimostrano come utilizzare l'attributo column-count.

p　{
　　　　-webkit-column-count:　3;　/*　Chrome,　Safari,　Opera　*/
　　　　　　　-moz-column-count:　3;　/*　Firefox　*/
　　　　　　　　　　　　column-count:　3;　
}
Prova a vedere‹/›

Valore dell'attributo

La tabella sottostante descrive i valori di questa proprietà.

ValoreDescrizione
numberUn numero intero positivo utilizzato per specificare il numero di colonne nell'elemento a più colonne. Secolumn-widthSe viene impostato anche un valore non auto, potrebbe rappresentare il numero massimo di colonne consentito.
autoIl numero di colonne è determinato da altri attributi CSS, ad esempiocolumn-width。Questo è il valore predefinito。
initialImposta questa proprietà al suo valore predefinito.
inheritSe specificato, l'elemento correlato utilizza il valore dell'attributo column-count del suo elemento padre.

Compatibilità del browser

La compatibilità del browser per la proprietà column-count dell'attributo, i numeri nella tabella sottostante rappresentano la versione minima del browser che supporta l'attributo; tutti i browser mainstream supportano questa proprietà.

  • Firefox 2+ -moz-

  • Google Chrome 4+ -webkit-

  • Internet Explorer 10+

  • Apple Safari 3.1+ -webkit-

  • Opera 11.1+ -o-，15+ -webkit-

Leggi di più

Ecco i tutorial di riferimento：Layout a più colonne del CSS3。

Proprietà correlate：column-width，column-gap，column-rule，column-rule-width，column-rule-style，column-rule-color，column-span，column-fill，columns。

Proprietà column-fill CSS3Proprietà color CSS