Esempio
Impostare lo stile del bordo inferiore:
p {
border-style: solid;
border-bottom: thick dotted #ff0000;
}
Prova tu stesso " Definizione e utilizzo
La proprietà shorthand border-bottom imposta tutte le proprietà del bordo inferiore in una dichiarazione.
Le proprietà che possono essere impostate, sono (in order) : border-bottom-width, border-style-bottom e border-bottom-color.
Non importa se uno dei valori di cui sopra sono mancanti, ad esempio, border-bottom: solid # ff0000; È permesso.
| Valore di default: | medium none color |
|---|---|
| Inherited: | no |
| animatable: | yes, see individual properties . Read about animatable Try it |
| Versione: | CSS1 |
| sintassi JavaScript: | object .style.borderBottom="3px solid blue" Try it |
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| border-bottom | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Nota: Vedere sostegno individuale del browser per ogni valore di seguito.
CSS Sintassi
border-bottom:border-widthborder-styleborder-color|initial|inherit;I valori delle proprietà
| Valore | Descrizione |
|---|---|
| border-bottom-width | Specifica la larghezza del bordo inferiore. Il valore di default è "medium" |
| border-bottom-style | Specifica lo stile del bordo inferiore. Il valore di default è "none" |
| border-bottom-color | Specifica il colore del bordo inferiore. Il valore di default è il colore dell'elemento |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Pagine correlate
Tutorial CSS: CSS Border
Di riferimento HTML DOM: borderBottom property