Proprietà border-bottom-width CSS

Definizione e uso

L'attributo borderBottom-width imposta la larghezza del bordo inferiore dell'elemento.

Funziona solo quando 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 dell'attributo borderBottom-width. L'elemento deve avere un bordo prima di poter modificare la sua larghezza del bordo.

Vedi anche:

Corso CSS:CSS Bordi

Manuale CSS:Attributo borderBottom

Manuale HTML DOM:Attributo borderBottomWidth

Esempio

Impostare la larghezza del bordo inferiore:

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

Prova tu stesso

Sintassi CSS

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

Valore dell'attributo

Valore Descrizione
thin Definire un bordo inferiore sottile.
medium Valore predefinito. Definire un bordo inferiore di media larghezza.
thick Definire un bordo inferiore spessa.
length Permette di personalizzare la larghezza del bordo inferiore.
inherit Specificare che la larghezza del bordo debba essere ereditata dal elemento padre.

Altri esempi

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

Dettagli tecnici

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

Supporto dei 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 Internet Explorer 7 e precedenti non supportano il valore "inherit". Internet Explorer 8 richiede !DOCTYPE. Internet Explorer 9 supporta "inherit".