proprietà CSS3-regola in stile colonna
Esempi
Specificare le regole di stile tra le colonne:
div
{
column-rule-style: dotted;
-moz-column-rule-style: punteggiato; / * Firefox * /
-Column-rule-style -webkit: punteggiato; / * Safari e Chrome * /
}
{
column-rule-style: dotted;
-moz-column-rule-style: punteggiato; / * Firefox * /
-Column-rule-style -webkit: punteggiato; / * Safari e Chrome * /
}
Prova »
In fondo a questa pagina per ulteriori esempi.
Supporto per il browser
I dati riportati nella tabella rappresentano il primo browser a supportare il numero di versione della proprietà.
Subito dopo la -webkit- digitale, -MS- o -moz- fa a sostegno del prefisso attribuiscono primo numero di versione del browser.
| 属性 | |||||
|---|---|---|---|---|---|
| column-rule-style | 50.0 4.0 -webkit- |
10.0 | 2.0 -moz- | 9.0 3.1 -webkit- |
37.0 15.0 -webkit 11.1 |
Attributo definizioni e le istruzioni
attributo-regola in stile colonna specifica regole di stile tra le colonne.
| predefinito: | nessuno |
|---|---|
| ereditarietà: | no |
| versione: | CSS3 |
| sintassi JavaScript: | object .style.columnRuleStyle = "punteggiata" |
grammatica
column-rule-style: none | hidden | punteggiato | tratteggiata | solidi | doppio | scanalatura | ridge | incasso | sin dall'inizio;
| valore | descrizione |
|---|---|
| nessuno | Non ci sono regole definite. |
| nascosto | Hide regole definite. |
| tratteggiata | Definire le regole del punto. |
| tratteggiata | La linea tratteggiata è definita regole. |
| solido | Definire le regole di vera e propria linea. |
| doppio | Definito regola doppio. |
| scanalatura | 3D scanalato regole definite. Questo effetto dipende dai valori di larghezza e di colore. |
| cresta | Definire 3D regole rigata. Questo effetto dipende dai valori di larghezza e di colore. |
| inserire | 3D regole inserto definito. Questo effetto dipende dai valori di larghezza e di colore. |
| inizio | regole definite 3D fin dall'inizio. Questo effetto dipende dai valori di larghezza e di colore. |
Altri esempi
Column-count
Testo elemento div in tre colonne.
Colonna-gap
Testo nell'elemento div in tre colonne, e specificare il divario tra le colonne di un 30 pixel.
Column-rule
Regole specificano tra le colonne: larghezza, lo stile e il colore.
articoli correlati
CSS3 tutorial: CSS3 Molteplici le Colonne
