HTML.it - Guida CSS di base - Gestire i bordi

Agire sui singoli bordi: proprietˆ singole

Lorem ipsum

border-left-color: black;
border-left-style: solid;
border-left-width: 4px;

Agire sui singoli bordi: proprietˆ abbreviate

Lorem ipsum

border-left: 4px solid black;

Agire sui quattro bordi con stili diversi

Questa soluzione va bene quando si vogliono impostare insieme i quattro bordi ma si vuole assegnare a ciascuno uno stile diverso in quanto a colore, spessore, stile.

border-width: 2px 3px 2px 3px;
border-style: solid;
border-color: black red black red;

Agire sui quattro bordi con uno stile uguale

Questa soluzione va bene quando i quattro bordi abbiano tutti lo stesso colore, lo stesso stile e lo stesso spessore.

border: 3px solid #002c53;