É um conceito que diz que cada elemento em uma página é uma caixa, e é possível controlar as propriedades de cada caixa.

🔳 border

É possível controlar 4 características da border:

• border-color: define a cor.
• border-width: controla a espessura.
• border-style: define o estilo (none, dotted, inset, solid, …).

Para uma sintaxe mais simples, é possível usar o shorthand border para especificar a espessura, o estilo e a cor conjuntamente:

h1 {
	/* width | style | color */
	border: 2px solid grey; 
}

Também pode-se especificar qual parte da border será estilizada, seguido pelo atributo específico a ser estilizado ou sem nada para atuar como um shorthand:

• border-right
• border-left
• border-bottom
• border-top