Manuale di riferimento CSS

Regole CSS (RULES)

Manuale completo delle proprietà CSS

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

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

L'attributo column-rule-width CSS imposta la larghezza della regola disegnata tra le colonne di layout a più colonne.

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

Valore predefinito:	medium
Applicabile a:	Elementi a più colonne
Ereditarietà:	No
Animabile:	Sì.Si prega di riferimento Proprietà animate.
Versione:	Nuova funzionalità CSS3
Sintassi JavaScript:	oggetto.style.columnRuleWidth="thin"

Sintassi dell'uso di column-rule-width

La sintassi di questo attributo è la seguente:

column-rule-width:　length　|　medium　|　thin　|　thick　|　initial　|　inherit

Il seguente esempio dimostra come utilizzare la proprietà column-rule-width.

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 sottostante descrive i valori di questa proprietà.

Valore	Descrizione
length	Lunghezza espressa in unità assolute o relative, utilizzata per specificare la larghezza della regola.
medium	Definisci una regola media. Questo è il valore predefinito.
thin	Definisci una regola sottile. La larghezza è minore del valore predefinito.
thick	Definisci una regola rigorosa. La larghezza è maggiore del valore predefinito.
initial	Imposta questa proprietà al suo valore predefinito.
inherit	Se specificato, l'elemento correlato adotta il valore della proprietà column-rule-width del suo elemento padre.

Compatibilità del browser

Compatibilità dei browser per la proprietà column-rule-width; i numeri nella tabella rappresentano la versione minima del browser che supporta questa proprietà; 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 una guida da consultare:Layout a più colonne CSS3.

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

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