Manuale di riferimento CSS

Regole CSS (RULES)

Manuale completo delle proprietà CSS

Proprietà bottom di CSS Proprietà border-top-width di CSS

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

L'attributo border-width CSS viene utilizzato per impostare la larghezza del bordo singolo, è un attributo di abbreviazione, èborder-top-width,border-right-width,border-bottom-widtheborder-left-widthProprietà abbreviate.

La tabella seguente fornisce la descrizione dell'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi dell'uso di questa proprietà nei script JavaScript.

Valore predefinito:	medium
Applicabile a:	Tutti gli elementi
Ereditarietà:	Nessuno
Animabile:	Sì.Si prega di consultare Proprietà dell'animazione.
Versione:	CSS 1, 2, 3
Sintassi JavaScript:	oggetto.style.borderWidth="thin thick"

Sintassi dell'uso di border-width

La sintassi di questa proprietà è la seguente:

border-width:　[　thin　|　medium　|　thick　|　length　]　1　to　4　values　|　inherit

Questo simbolo abbreviato può avere un, due, tre o quattro valori separati da spazi.

Se specificatoUn valoreViene applicato a tutti i bordi.
Il primo valore viene utilizzato per il bordo superiore, il secondo valore viene utilizzato per i bordi destro e sinistro, il terzo valore viene utilizzato per il bordo inferiore.Se specificatoDue valori
Il primo valore viene utilizzato per il bordo superiore, il secondo valore viene utilizzato per i bordi destro e sinistro, il terzo valore viene utilizzato per il bordo inferiore.Il primo valore viene utilizzato per i bordi superiore e inferiore, mentre il secondo valore viene utilizzato per i bordi destro e sinistro.Tre valori
Il primo valore viene utilizzato per il bordo superiore, il secondo valore viene utilizzato per i bordi destro e sinistro, il terzo valore viene utilizzato per il bordo inferiore.Se specificatoQuattro valori

Se specificato, ogni valore viene applicato in ordine superiore, destro, inferiore e sinistro al bordo.

L'esempio seguente dimostra come utilizzare la proprietà border-width.

　　Esempio
　　　p　{
　　　border-style:　solid;
　　border-width:　5px;

}

Testa a see‹/›border-styleAttenzione:border-styleIl valore predefinito della proprietà è none.

Valore della proprietà

La tabella seguente descrive i valori di questa proprietà.

Valore	Descrizione
thin	Bordo sottile.
medium	Bordo medio.
thick	Bordo spesso.
length	Il valore della lunghezza è in px, pt, cm, em e unità simili, non è permesso che sia negativo.
inherit	Se specificato, l'elemento correlato adotta il valore della proprietà border-width dell'elemento padre.

Compatibilità dei browser

Compatibilità dei browser per la proprietà border-width, i numeri nella tabella rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser mainstream supportano questa proprietà.

	Supporto dei browser– Firefox 1+ Google Chrome 1+ Internet Explorer 4+ Apple Safari 1+) Opera 4+

Leggi di più

Vedere il tutorial:CSS Border,CSS3 Border.

Proprietà correlate:border,border-style,border-color,border-top-width,border-right-width,border-bottom-width,border-left-width.