English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuale di riferimento CSS

Regole @ CSS (RULES)

Manuale completo delle proprietà CSS

Metodo di utilizzo e esempio dell'attributo border-bottom-width CSS

L'attributo border-bottom-width CSS viene utilizzato per impostare separatamente la larghezza del bordo inferiore dell'elemento. Ma nella pratica, si utilizza spesso   border-widthOborder-bottomDefinire lo stile di larghezza del bordo inferiore.

La tabella sottostante fornisce la descrizione dell'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi di utilizzo di questa proprietà nei script JavaScript.

Valore predefinito:medium
Applicabile a:Tutti gli elementi
Ereditarietà:No
Animabile:Sì.Vedere: Proprietà animazione.
Versione:CSS 1, 2, 3
Sintassi JavaScript:object object.style.borderBottomWidth="thick"

Sintassi dell'uso di border-bottom-width

La sintassi di questa proprietà è la seguente:

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

Gli esempi seguenti illustrano come utilizzare la proprietà border-bottom-width.

  p {
   border-style: solid;
   border-bottom-width: 15px;
  }
Prova a vedere‹/›

Attenzione:Devi dichiarareborder-styleproprietà. Allo stesso tempo, l'elemento deve avere un bordo, e la larghezza del bordo non può essere 0, quindi è possibile impostare la larghezza del bordo, perchéborder-styleIl valore predefinito della proprietà è none.

Valore della proprietà

La tabella sottostante descrive i valori di questa proprietà.

ValoreDescrizione
thinBordo sottile.
mediumBordo medio.
thickBordo spessa.
lengthValore della lunghezza in unità come px, pt, cm, em, ecc., ma non è permesso un valore negativo.
initialImposta questa proprietà al suo valore predefinito.
inheritSe specificato, l'elemento correlato adotta il valore calcolato della proprietà border-bottom-width del suo elemento genitore.

Compatibilità del browser

La compatibilità del browser del proprietà border-bottom-width, i numeri nella tabella sotto rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser mainstream supportano questa proprietà.

  • Firefox 1+

  • Google Chrome 1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Leggi di più

Vedere la guida:CSS Border,CSS3 Border.

Proprietà correlate:border,border-width,border-bottom,border-bottom-color,
border-bottom-style.