Esempio
Aggiungi un "solid" bordo superiore ad un <div> elemento:
document.getElementById("myDiv").style.borderTopStyle = "solid"; Prova tu stesso " Definizione e l'utilizzo
Gli insiemi di proprietà borderTopStyle o restituisce lo stile del bordo superiore di un elemento.
Supporto browser
La proprietà borderTopStyle è supportata in tutti i principali browser.
Sintassi
Restituire la proprietà borderTopStyle:
object .style.borderTopStyle
Impostare la proprietà borderTopStyle:
object .style.borderTopStyle= value |initial|inherit
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 superiore di un elemento |
| CSS Version | CSS1 |
Altri esempi
Esempio
Modificare lo stile del bordo superiore di un <div> elemento "dotted" :
document.getElementById("myDiv").style.borderTopStyle = "dotted";
Prova tu stesso " Esempio
Ritorna lo stile bordo superiore di un <div> elemento:
alert(document.getElementById("myDiv").style.borderTopStyle); Prova tu stesso " Esempio
Una dimostrazione di tutti i diversi valori:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderTopStyle = listValue; Prova tu stesso " Pagine correlate
Tutorial CSS: CSS Border
Di riferimento CSS: border-top-style property
Di riferimento HTML DOM: border property
<Stile di oggetto