English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
La proprietà column-rule CSS specifica una linea da disegnare tra ogni colonna, ossia la "regola". È un attributo abbreviato per impostare contemporaneamentecolumn-rule-width,column-rule-styleEcolumn-rule-color.
La tabella sottostante fornisce una descrizione dell'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi dell'uso in script JavaScript.
| Valore predefinito: | Visualizza tutte le proprietà |
|---|---|
| Applicabile a: | Elementi multicolumna |
| Ereditarietà: | Nessuno |
| Animabile: | Sì, perché alcune proprietà di abbreviazione possono essere impostate con animazione.Si prega di fare riferimento a: Proprietà animazione. |
| Versione: | Nuova funzione CSS3 |
| Sintassi JavaScript: | oggetto.style.columnRule="3px outset #ff00ff" |
L'attitudine grammaticale di questa proprietà è la seguente:
column-rule: [ column-rule-width column-rule-style column-rule-color ] | initial | inherit
Gli esempi seguenti illustrano come utilizzare la proprietà column-rule.
p {
/* Chrome, Safari, Opera */
-webkit-column-count: 3;
-webkit-column-gap: 100px;
-webkit-column-rule: 2px solid red;
/* Firefox */
-moz-column-count: 3;
-moz-column-gap: 100px;
-moz-column-rule: 2px solid red;
column-count: 3;
column-gap: 100px;
column-rule: 2px solid red;
}Prova a vedere‹/›La tabella sotto descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| column-rule-width | Imposta la larghezza della regola tra le colonne. Il valore predefinito è medium. Non è permesso l'uso di valori negativi. |
| column-rule-style | Imposta lo stile della regola tra le colonne. Il valore predefinito è none. |
| column-rule-color | Imposta il colore della regola tra le colonne. Il valore predefinito ècolorper l'elemento. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato adotta i valori delle proprietà column-rule del suo elemento padre. |
La compatibilità del browser per la proprietà column-rule, i numeri nella tabella sotto rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser mainstream supportano questa proprietà.
|
Ecco alcuni tutorial da consultare:Layout a più colonne del CSS3.
Proprietà correlate:column-width,column-fill,column-gap,column-rule-width,column-rule-style,column-rule-color,column-span,column-count,columns.