Esempio
Aggiungi un "solid" bordo a un <div> elemento:
document.getElementById("myDiv").style.borderStyle = "solid"; Prova tu stesso " Definizione e l'utilizzo
I set di proprietà BorderStyle o restituisce lo stile del bordo di un elemento.
Questa proprietà può prendere da uno a quattro valori:
- Un valore, come: p {border-style: solido} - tutti e quattro i bordi saranno solido
- Due valori, come: p {border-style: punteggiato solido} - bordo superiore e inferiore saranno solidi, a sinistra e sarà punteggiato bordo destro
- Tre valori, come: p {border-style: dotted solido doppio} - bordo superiore sarà solida, a sinistra e sarà punteggiato bordo destro, bordo inferiore sarà doppio
- Quattro valori, come: p {border-style: punteggiato solido doppio tratteggiato} - bordo superiore sarà solido, sarà punteggiato bordo destro, sarà doppio, verrà tratteggiata bordo sinistro bordo inferiore
Supporto browser
La proprietà borderStyle è supportata in tutti i principali browser.
Sintassi
Restituire la proprietà borderStyle:
object .style.borderStyle
Impostare la proprietà borderStyle:
object .style.borderStyle= I valori delle proprietà Valore Descrizione none Definisce nessun bordo. Questa è l'impostazione predefinita hidden Lo stesso che "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 di un elemento CSS Version CSS1
Altri esempi
Esempio
Modificare lo stile dei quattro bordi di un <div> elemento:
document.getElementById("myDiv").style.borderStyle = "dotted solid double
dashed";
Prova tu stesso "
Esempio
Ritorna lo stile del bordo di un <div> elemento:
alert(document.getElementById("myDiv").style.borderStyle); Prova tu stesso "
Esempio
Una dimostrazione di tutti i diversi valori:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderStyle = listValue; Prova tu stesso "
Pagine correlate
Tutorial CSS: CSS Border
Di riferimento CSS: border-style property
Di riferimento HTML DOM: border property
<Stile di oggetto