Proprietà CSS border-right-width

Definizione e uso

L'attributo border-right-width imposta la larghezza del bordo destro dell'elemento.

Funziona solo se lo stile del bordo non è none. Se lo stile del bordo è none, la larghezza del bordo viene effettivamente reimpostata a 0. Non è permesso specificare valori di lunghezza negativi.

Nota:Declara sempre l'attributo border-style prima di border-right-width. L'elemento deve avere il bordo prima di poter cambiare la sua larghezza.

Vedi anche:

Corso CSS:CSS Bordo

Manuale CSS:Attributo border-right

Manuale HTML DOM:Attributo borderRightWidth

Esempio

Impostare la larghezza del bordo destro:

p
  {
  border-style:solid;
  border-right-width:15px;
  }

Prova tu stesso

Sintassi CSS

border-right-width: medium|thin|thick|length|initial|inherit;

Valore dell'attributo

Valore Descrizione
thin Definisce un bordo destro sottile.
medium Valore predefinito. Definisce un bordo destro di media larghezza.
thick Definisce un bordo destro spesso.
length Ti permette di personalizzare la larghezza del bordo destro.
inherit Definisce che la larghezza del bordo debba essere ereditata dal elemento genitore.

Dettagli tecnici

Valore predefinito: medium
Ereditarietà: no
Versione: CSS1
Sintassi JavaScript: object.style.borderRightWidth="thick"

Altri esempi

Impostare la larghezza del bordo destro
Questo esempio dimostra come impostare la larghezza del bordo destro.

Supporto del browser

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

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

Nota:I browser IE7 e precedenti non supportano il valore "inherit". IE8 richiede !DOCTYPE. IE9 supporta "inherit".