Proprietà CSS border-spacing
- la pagina precedente larghezza-diritto-bordo
- la pagina successiva border-start-end-radius
Definizione e uso
L'attributo border-spacing imposta la distanza tra i bordi delle celle adiacenti (utilizzato solo nel modello di separazione dei bordi).
Commento:Alcune versioni del browser IE non supportano questa proprietà.
Spiegazione
Questa proprietà specifica la distanza tra i confini delle celle nel modello di separazione dei bordi. Nei due valori di lunghezza specificati, il primo è l'intervento orizzontale, il secondo è l'intervento verticale. A meno che border-collapse non sia impostato su separate, questa proprietà viene ignorata. Anche se questa proprietà si applica solo alle tabelle, può essere ereditata da tutti gli elementi nella tabella.
Vedere anche:
Tutorial CSS:Tabella CSS
Manuale di riferimento HTML DOM:Attributo borderSpacing
Esempio
Impostare border-spacing per la tabella:
table { border-collapse:separate; border-spacing:10px 50px; }
Sintassi CSS
border-spacing: parametro, il primo imposta la spaziatura orizzontale, mentre il secondo imposta la spaziatura verticale.|initial|inherit;
Valore dell'attributo
Valore | Descrizione |
---|---|
length length |
Stabilisce la distanza tra i bordi delle celle adiacenti. Utilizzare unità come px, cm, ecc. Non sono ammessi valori negativi. Se si definisce un parametro, il primo imposta la spaziatura orizzontale, mentre il secondo imposta la spaziatura verticale. parametro, si definisce sia la spaziatura orizzontale che verticale. Se si definiscono due parametro, il primo imposta la spaziatura orizzontale, mentre il secondo imposta la spaziatura verticale. Se si specificano due |
inherit | Stabilisce che l'attributo border-spacing debba essere ereditato dal genitore. |
Dettagli tecnici
Valore predefinito: | non specificato |
---|---|
Ereditarietà: | sì |
Versione: | CSS2 |
Sintassi JavaScript: | oggetto.style.borderSpacing="15px" |
Più esempi
- Impostare lo spazio tra i bordi della tabella
- Questo esempio dimostra come impostare la distanza tra i bordi delle celle.
supporto del browser
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 8.0 | 1.0 | 1.0 | 4.0 |
- la pagina precedente larghezza-diritto-bordo
- la pagina successiva border-start-end-radius