Border
L'attributo border ci permette di gestire i bordi, controllandone stile, colore e spessore.
Possiamo modificare il colore usando un CSS di questo tipo:
.bordo_rosso {
border-color: #FF0000;
}
Lo stile del bordo può essere:
| Stile: |
Attributo: |
Esempio: |
| Punteggiato |
dotted |
Tratteggiato: dotted |
| Trateggiato |
dashed |
Punteggiato: dashed |
| Continuo |
solid |
Continuo: solid |
| Doppio |
double |
Doppio: double |
Il bordo può essere impostato uniformemente oppure in modo diverso per ogni lato.
Vediamo due esempi con il relativo codice CSS
.esempio 1 {
border: dotted #000000;
}
.esempio 2 {
border: solid
border-top-color: #000000;
border-right-color: #FF0000;
border-bottom-color: #00FF00;
border-left-color: #0000FF;
}