Esempio
Aggiungere un bordo inferiore ad un <div> elemento:
document.getElementById("myDiv").style.borderBottom = "thick solid #0000FF"; Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
Gli insiemi di proprietà borderBottom o restituisce fino a tre proprietà border-bottom separati, in una forma abbreviata.
Con questa proprietà, è possibile impostare / return uno o più dei seguenti (in any order) :
- border-bottom-width
- -Bottom border-style
- border-bottom-color
Supporto browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| borderBottom | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sintassi
Restituire la proprietà borderBottom:
object .style.borderBottom
Impostare la proprietà borderBottom:
object .style.borderBottom=" I valori delle proprietà Parametro Descrizione width Imposta la larghezza del bordo inferiore style Imposta lo stile del bordo inferiore color Imposta il colore del bordo inferiore initial Consente di impostare questa proprietà al suo valore di default. Leggi iniziale inherit Eredita questo immobile dal suo elemento genitore. Leggi su erediterà
Dettagli tecnici
Valore di default: non specificato Valore di ritorno: Una stringa, che rappresenta la larghezza, stile e / o il colore del bordo inferiore di un elemento CSS Version CSS1
Altri esempi
Esempio
Modificare la larghezza, lo stile e il colore del bordo inferiore di un <div> elemento:
document.getElementById("myDiv").style.borderBottom = "thin dotted red"; Prova tu stesso "
Esempio
Restituire i valori delle proprietà border-bottom di un <div> elemento:
alert(document.getElementById("myDiv").style.borderBottom); Prova tu stesso "
Pagine correlate
Tutorial CSS: CSS Border
Di riferimento CSS: border-bottom property
Di riferimento HTML DOM: border property
<Stile di oggetto