Proprietà Style borderTopStyle

Definizione e uso

borderTopStyle Impostare o restituire lo stile del bordo dell'elemento.

Vedi anche：

Corso CSS：CSS Bordo

Manuale CSS：Proprietà border-top-style

Manuale HTML DOM：Proprietà border

Esempio

Esempio 1

Aggiungere un bordo superiore in rilievo per l'elemento <div>：

document.getElementById("myDiv").style.borderTopStyle = "solid";

prova personalmente

esempio 2

cambia lo stile del bordo superiore dell'elemento <div> in "dotted":

document.getElementById("myDiv").style.borderTopStyle = "dotted";

prova personalmente

esempio 3

ritorna lo stile del bordo superiore dell'elemento <div>:

alert(document.getElementById("myDiv").style.borderTopStyle);

prova personalmente

esempio 4

dimostrazione di tutti i valori diversi:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderTopStyle = listValue;

prova personalmente

sintassi

ritorna la proprietà borderTopStyle:

oggetto.style.borderTopStyle

imposta la proprietà borderTopStyle:

oggetto.style.borderTopStyle = value|initial|inherit
valore descrizione
none definisce il bordo senza margine. Predefinito.
hidden uguale a "none", ma eccezione nel risolvere i conflitti di bordi degli elementi tabella.
dotted definisce il bordo punteggiato.
dashed definisce il bordo tratteggiato.
solid definisce il bordo solido.
double definisce due bordi. La larghezza dei due bordi è uguale al valore di border-width.
groove definisce il bordo 3D scanalato. L'effetto dipende da border-color valori.
ridge definisce il bordo 3D ribattuto. L'effetto dipende da border-color valori.
inset definisce il bordo 3D inset. L'effetto dipende da border-color valori.
outset definisce il bordo 3D outset. L'effetto dipende da border-color valori.
initial imposta questa proprietà al suo valore predefinito. Vedi initial.
inherit eredita questa proprietà dal suo elemento padre. Vedi inherit.

dettagli tecnici

valore predefinito: none
valore di ritorno: stringa che rappresenta lo stile del bordo superiore dell'elemento.
versione CSS: CSS1

supporto dei browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
supporta supporta supporta supporta supporta