Manuale di riferimento CSS

Regole CSS (RULES)

Manuale completo delle proprietà CSS

Proprietà border-style di CSS Proprietà border-right-width di CSS

Metodi di utilizzo e esempi dell'attributo CSS border-spacing

L'attributo CSS border-spacing utilizza il modello di bordi separati per impostare lo spaziatore tra i bordi delle celle adiacenti della tabella. Se viene utilizzato il modello di bordi sovrapposti, questo attributo viene ignorato. Si prega di consultareborder-collapseProprietà.

La tabella sottostante fornisce la descrizione dell'uso di questa proprietà e la cronologia delle versioni, nonché la sintassi di utilizzo di questa proprietà nel linguaggio JavaScript.

Valore predefinito:	0
Applicabile a:	Tabella(table)E gli elementi inline-table
Ereditarietà:	Sì
Animabile:	Sì.Ecco il riferimento: Attributi animazione.
Versione:	CSS 2、3
Sintassi JavaScript:	object object.style.borderSpacing="12px"

Sintassi dell'uso di border-spacing

La sintassi di questo attributo è la seguente:

border-spacing:　[　length　]　1　or　2　values　|　initial　|　inherit

L'attributo border-spacing può accettare un valore o due valori di lunghezza separati da uno spazio.

Se specificatoUn valoreSe specificatoValoreverranno applicati sia alla spaziatura dei bordi orizzontali che verticali.
Se specificatiDue valoriSe specificati, i primi due valori stabiliscono la spaziatura dei bordi orizzontali, il secondo valore stabilisce la spaziatura dei bordi verticali.

Gli esempi seguenti dimostrano come utilizzare l'attributo border-spacing.

Esempio

　　table　{
　　　border-collapse:　separate;
　　　border-spacing:　10px　20px;
　　}

Prova a vedere‹/›

Valore dell'attributo

La tabella sottostante descrive i valori di questo attributo.

Valore	Descrizione
length	Non sono ammessi valori negativi per i valori di lunghezza px, pt, cm, em, ecc.
initial	Imposta questo attributo al suo valore predefinito.
inherit	Se specificato, l'elemento correlato utilizza il valore dell'attributo border-spacing dell'elemento padre.

Compatibilità del browser

Compatibilità dei browser per l'attributo border-spacing, i numeri nella tabella sottostante rappresentano la versione minima del browser che supporta l'attributo; tutti i browser principali supportano l'attributo.

	Firefox 1+ Google Chrome 1+ Internet Explorer 8+ Apple Safari 1+ Opera 4+

Attenzione: Internet Explorer 7 e versioni precedenti non supportano l'attributo border-spacing. IE8 solo in<!DOCTYPE>L'attributo è supportato solo se specificato a a.

Per ulteriori letture

Ecco il tutorial da consultare:CSS tabella,CSS bordi,CSS3 bordi.

Proprietà relative alla tabella:border-collapse,empty-cells,table-layout.

Proprietà border-style di CSS Proprietà border-right-width di CSS