Esempio
Aggiungi un "solid" bordo inferiore ad un <div> elemento:
document.getElementById("myDiv").style.borderBottomStyle = "solid"; Prova tu stesso " Definizione e l'utilizzo
Gli insiemi di proprietà borderBottomStyle o restituisce lo stile del bordo inferiore di un elemento.
Supporto browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| borderBottomStyle | 1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
Nota: il valore "hidden" non è supportato in IE7 e versioni precedenti. IE9 e il supporto in seguito "hidden" .
Sintassi
Restituire la proprietà borderBottomStyle:
object .style.borderBottomStyle
Impostare la proprietà borderBottomStyle:
object .style.borderBottomStyle= value I valori delle proprietà
| Valore | Descrizione |
|---|---|
| none | Definisce nessun bordo. Questa è l'impostazione predefinita |
| hidden | Uguale a "none" , fatta eccezione per la risoluzione dei conflitti di confine per gli elementi di tabella |
| dotted | Definisce un bordo tratteggiato |
| dashed | Definisce un bordo tratteggiato |
| solid | Definisce un bordo solido |
| double | Definisce due confini. La larghezza dei due bordi sono uguale al valore border-width |
| groove | Definisce un bordo 3D scanalato. L'effetto dipende dal valore border-color |
| ridge | Definisce un bordo 3D increspato. L'effetto dipende dal valore border-color |
| inset | Definisce un bordo 3D nel riquadro. L'effetto dipende dal valore border-color |
| outset | Definisce un bordo 3D fin dall'inizio. L'effetto dipende dal valore border-color |
| 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: | nessuna |
|---|---|
| Valore di ritorno: | A String, che rappresenta lo stile del bordo inferiore di un elemento |
| CSS Version | CSS1 |
Altri esempi
Esempio
Modificare lo stile del bordo inferiore di un <div> elemento "dotted" :
document.getElementById("myDiv").style.borderBottomStyle = "dotted";
Prova tu stesso " Esempio
Ritorna lo stile del bordo inferiore di un <div> elemento:
alert(document.getElementById("myDiv").style.borderBottomStyle); Prova tu stesso " Esempio
Una dimostrazione di tutti i diversi valori:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue; Prova tu stesso " Pagine correlate
Tutorial CSS: CSS Border
Di riferimento CSS: border-bottom-style property
Di riferimento HTML DOM: border property
<Stile di oggetto