Esempio
Modificare lo stile della regola tra le colonne:
document.getElementById("myDIV").style.columnRuleStyle = "dotted";
Prova tu stesso " Definizione e l'utilizzo
La proprietà columnRuleStyle specifica lo stile della regola tra le colonne.
Supporto browser
La proprietà columnRuleStyle è supportata in Internet Explorer 10 e Opera.
Firefox supporta in alternativa, la proprietà MozColumnRuleStyle.
Safari e Chrome supportano in alternativa, la proprietà WebkitColumnRuleStyle.
Sintassi
Restituire la proprietà columnRuleStyle:
object .style.columnRuleStyle Impostare la proprietà columnRuleStyle:
object .style.columnRuleStyle="none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|
initial|inherit"
I valori delle proprietà
| Valore | Descrizione |
|---|---|
| none | Valore di default. Definisce nessuna regola |
| hidden | Definisce una regola nascosta |
| dotted | Definisce una regola tratteggiata |
| dashed | Definisce una regola tratteggiata |
| solid | Definisce una regola solida |
| double | Definisce una doppia regola |
| groove | Specifica una regola scanalato 3D. L'effetto dipende dai valori di larghezza e colore |
| ridge | Specifica una regola increspato 3D. L'effetto dipende dai valori di larghezza e colore |
| inset | Specifica una regola 3D nel riquadro. L'effetto dipende dai valori di larghezza e colore |
| outset | Specifica una regola fin dall'inizio in 3D. L'effetto dipende dai valori di larghezza e colore |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Dettagli tecnici
| Valore di default: | nessuna |
|---|---|
| Valore di ritorno: | A String, che rappresenta la proprietà-regola-stile di colonna di un elemento |
| CSS Version | CSS3 |
Pagine correlate
CSS3 tutorial: CSS3 più colonne
Di riferimento CSS: column-rule-style property
<Stile di oggetto