Proprietà CSS border-right-style

Definizione e uso

border-right-style imposta lo stile del bordo destro dell'elemento.

Il bordo può apparire solo se questo valore non è none.

In CSS1, l'agente utente HTML deve supportare solo solid e none.

Vedi anche:

Lezione CSS:CSS Bordi

Manuale CSS:Proprietà border-right

Manuale HTML DOM:Proprietà borderRightStyle

Esempio

Impostazione dello stile del bordo destro:

p
  {
  border-style:solid;
  border-right-style:dotted;
  }

Prova personalmente

Sintassi CSS

border-right-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Valore dell'attributo

Valore Descrizione
none Definisce un bordo senza bordi.
hidden È lo stesso di "none". Tuttavia, per i tabulari, "hidden" viene utilizzato per risolvere conflitti di bordi.
dotted Definisce un bordo a punti. Nella maggior parte dei browser viene visualizzato come una linea solida.
dashed Definisce una linea tratteggiata. Nella maggior parte dei browser viene visualizzata come una linea solida.
solid Definisce una linea solida.
double Definisce una linea doppia. La larghezza della linea è uguale al valore di border-width.
groove Definisce un bordo 3D concavo. L'effetto dipende dal valore di border-color.
ridge Definisce un bordo 3D ripido. L'effetto dipende dal valore di border-color.
inset Definisce un bordo 3D inset. L'effetto dipende dal valore di border-color.
outset Definisce un bordo 3D outset. L'effetto dipende dal valore di border-color.
inherit Specifica che lo stile del bordo dovrebbe essere ereditato dal elemento genitore.

Dettagli tecnici

Valore predefinito: non specificato
Ereditarietà: no
Versione: CSS1
Sintassi JavaScript: oggetto.style.borderRightStyle="dotted"

Altri esempi

Impostazione dello stile del bordo destro
Questo esempio dimostra come impostare lo stile del bordo destro.

Supporto del browser

I numeri nella tabella indicano la versione del browser iniziale che supporta completamente l'attributo.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5