box-sizing
Fin qui ti ho mostrato tutte le possibili variabili di cui è composta la dimensione di un elemento. Tuttavia, in alcuni casi potrebbe essere utile escludere i bordi dall’assunto riportato più sopra. Come fare? Grazie a CSS3 e alla proprietà box-sizing1 puoi fare esattamente questo.
In questo modo la dimensione dei bordi non concorre più nella definizione della grandezza e, di fatto, puoi non tenerne conto nel calcolo di width. I due possibili valori di box-sizing sono:
content-box; il funzionamento predefinito di qualsiasi elemento;border-box; la dimensione dei bordi è rimossa dal calcolo della grandezza di un elemento.