Esempio
Impostare la larghezza dei quattro bordi:
p
{
border-style: solid;
border-width: 15px;
}
Prova tu stesso " Definizione e utilizzo
La proprietà border-width imposta la larghezza di quattro bordi di un elemento. Questa proprietà può avere da uno a quattro valori.
Esempi:
- border-width:thin medium thick 10px;
- bordo superiore è sottile
- bordo destro è di media
- bordo inferiore è spessa
- bordo sinistro è 10px
- border-width:thin medium thick;
- bordo superiore è sottile
- i bordi destro e sinistro sono di medie
- bordo inferiore è spessa
- border-width:thin medium;
- bordi superiore e inferiore sono sottili
- i bordi destro e sinistro sono di medie
- border-width:thin;
- tutti e quattro i confini sono sottili
Note: dichiarare sempre la proprietà border-style prima che la proprietà border-width. Un elemento deve avere confini prima di poter impostare la larghezza.
| Valore di default: | medium |
|---|---|
| Inherited: | no |
| animatable: | yes. Read about animatable Try it |
| Versione: | CSS1 |
| sintassi JavaScript: | object .style.borderWidth="1px 5px" Try it |
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| border-width | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS Sintassi
border-width: medium|thin|thick|length|initial|inherit;I valori delle proprietà
| Valore | Descrizione | Gioca |
|---|---|---|
| medium | Specifica un bordo mezzo. Questa è l'impostazione predefinita | Gioca " |
| thin | Specifica un bordo sottile | Gioca " |
| thick | Specifica un bordo spesso | Gioca " |
| length | Consente di definire lo spessore del bordo | Gioca " |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale | Gioca " |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Pagine correlate
Tutorial CSS: CSS Border
Di riferimento HTML DOM: borderWidth property