Manuale di riferimento CSS

Regole CSS (RULES)

Manuale completo delle proprietà CSS

Proprietà column-rule-style CSS3 Proprietà column-rule CSS3

Metodo di utilizzo e esempio dell'attributo column-rule-color CSS3

L'attributo column-rule-color CSS imposta il colore di tutte le regole disegnate tra le colonne in un layout a più colonne.

La tabella seguente fornisce una descrizione dell'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi dell'uso in script JavaScript.

Valore predefinito:	CorrentecolorValore dell'elemento
Applicabile a:	Elementi a più colonne
Ereditato:	Nessuno
Animabile:	Sì.Si prega di consultare Proprietà dell'animazione.
Versione:	Nuova funzionalità CSS3
Sintassi JavaScript:	oggetto.style.columnRuleColor="#ff00ff"

Sintassi dell'uso del colore della regola della colonna

La sintassi di questa proprietà è la seguente:

column-rule-color: colore | iniziale | ereditato

Di seguito è riportato un esempio di come utilizzare l'attributo column-rule-color.

Esempio

p {
　　　　/* Chrome, Safari, Opera */
　　　　-webkit-column-count: 3;
　　　　-webkit-column-gap: 100px;
　　　　-webkit-column-rule-color: red;
　　　　-webkit-column-rule-width: 2px;
　　　　-webkit-column-rule-style: solid;
　　　　/* Firefox */
　　　　-moz-column-count: 3;
　　　　-moz-column-gap: 100px;
　　　　-moz-column-rule-color: red;
　　　　-moz-column-rule-width: 2px;
　　　　-moz-column-rule-style: solid;
　　　　
　　　　column-count: 3;
　　　　column-gap: 100px;
　　　　column-rule-color: red;
　　　　column-rule-width: 2px;
　　　　column-rule-style: solid;
}

Prova a vedere‹/›

Valore dell'attributo

La tabella seguente descrive i valori di questa proprietà.

Valore	Descrizione
color	Specifica il colore della regola della colonna. Accetta qualsiasi valore validoValore del colore CSS.
initial	Imposta questa proprietà al suo valore predefinito.
inherit	Se specificato, l'elemento correlato adotta il valore dell'attributo column-rule-color del suo elemento padre.

Compatibilità del browser

Compatibilità dei browser con l'attributo column-rule-color, i numeri nella tabella 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-

Per ulteriori letture

Ecco una guida da consultare:Layout a più colonne del CSS3.

Proprietà correlate:column-width,column-fill,column-gap,column-rule,column-rule-width,column-rule-style,column-span,column-count,columns.

Proprietà column-rule-style CSS3 Proprietà column-rule CSS3