Proprietà Style borderRightStyle

Definizione e uso

borderRightStyle Imposta o restituisce lo stile del bordo destro dell'elemento.

Vedi anche：

Tutorial CSS：Bordo CSS

Manuale CSS：Proprietà border-right-style

Manuale HTML DOM：Proprietà border

Esempio

Esempio 1

Aggiungi un bordo destro "pieno" all'elemento <div>：

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

Prova personalmente

Esempio 2

Cambia lo stile del bordo destro dell'elemento <div> in "dotted":

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

Prova personalmente

Esempio 3

Restituisce lo stile del bordo destro dell'elemento <div>:

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

Prova personalmente

Esempio 4

Esempio per tutti i valori diversi:

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

Prova personalmente

Sintassi

Restituisce l'attributo borderRightStyle:

oggetto.style.borderRightStyle

Imposta l'attributo borderRightStyle:

oggetto.style.borderRightStyle = value
Valore Descrizione
none Definisce il bordo senza bordo. Predefinito.
hidden Uguale a "none", ma eccezione per il risoluzione dei conflitti dei 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 ribbocco. 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 questo attributo al suo valore predefinito. Vedi initial.
inherit Eredita questo attributo dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: Nessuno
Valore di ritorno: Stringa che rappresenta lo stile del bordo destro dell'elemento.
Versione CSS: CSS1

Supporto del browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto