Proprietà CSS border-bottom-width
Esempio
Imposta una larghezza per il bordo inferiore:
div {border-bottom-width: thin;}
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
La border-bottom-width
proprietà imposta la larghezza del bordo inferiore di un elemento.
Nota: dichiarare sempre la proprietà border-style o
border-bottom-style prima della border-bottom-width
proprietà. Un elemento deve avere dei bordi prima di poter modificare la larghezza.
Valore di default: | medio |
---|---|
Ereditato: | no |
Animabile: | sì. Leggi su animabile |
Versione: | CSS1 |
sintassi JavaScript: | oggetto .style.borderBottomWidth="5px" |
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente la proprietà.
Property | |||||
---|---|---|---|---|---|
border-bottom-width | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sintassi CSS
border-bottom-width: medium|thin|thick|length|initial|inherit;
Valori di proprietà
Value | Description | Play it |
---|---|---|
medium | Specifies a medium bottom border. This is default | |
thin | Specifies a thin bottom border | |
thick | Specifies a thick bottom border | |
length | Allows you to define the thickness of the bottom border. Read about length units | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Altri esempi
Esempio
Imposta la larghezza del bordo inferiore su media:
div {border-bottom-width: medium;}
Esempio
Imposta la larghezza del bordo inferiore su spesso:
div {border-bottom-width: thick;}
Esempio
Imposta la larghezza del bordo inferiore su 1px:
div {border-bottom-width: 1px;}
Esempio
Imposta la larghezza del bordo inferiore su 15px:
div {border-bottom-width: 15px;}
Pagine correlate
Tutorial CSS: Bordo CSS
Riferimento CSS: proprietà border-bottom
Riferimento DOM HTML: proprietà borderBottomWidth