Tag Archives: border

Borders

CSS3 box-sizing property.

Ik houd ervan om afbeeldingen een border mee te geven:
border: 1px solid #222 bijvoorbeeld.
Soms is het lastig dat er dan 2px in de hoogte en de breedte bijkomt. Deze code biedt dan uitkomst:

box-sizing: border-box

De border komt dan binnen de grenzen te liggen. Bij Twenty Thirteen staat dit al in de standaard CSS (regel 60):

* {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 }
Advertisements