Gli ultimi tutorial di sviluppo web
 

Style borderRightStyle Property

<Stile di oggetto

Esempio

Aggiungi un "solid" bordo destro ad un <div> elemento:

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

Definizione e l'utilizzo

Gli insiemi di proprietà borderRightStyle o restituisce lo stile del bordo destro di un elemento.


Supporto browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La proprietà borderRightStyle è supportata in tutti i principali browser.


Sintassi

Restituire la proprietà borderRightStyle:

object .style.borderRightStyle

Impostare la proprietà borderRightStyle:

object .style.borderRightStyle= 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 destro di un elemento
CSS Version CSS1

Altri esempi

Esempio

Modificare lo stile del bordo destro di un <div> elemento "dotted" :

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

Esempio

Ritorna lo stile del bordo destro di un <div> elemento:

alert(document.getElementById("myDiv").style.borderRightStyle);
Prova tu stesso "

Esempio

Una dimostrazione di tutti i diversi valori:

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

Pagine correlate

Tutorial CSS: CSS Border

Di riferimento CSS: border-right-style property

Di riferimento HTML DOM: border property


<Stile di oggetto