CSS Box Model

CSS Box Model (Modelo de Caixa CSS) é um módulo de CSS que define caixas retangulares, incluindo preenchimento (padding) e margem (margin), que são gerados por elementos e dispostos de acordo com o modelo de formato visual.

Referência

Propriedades

Propriedades que controlam o fluxo de conteúdo em uma caixa

Propriedades que controlam o tamanho de uma caixa

Propriedades que controlam as margens de uma caixa

Propriedades que controlam o preenchimento (padding) de uma caixa

Outras propriedades

Guias e ferramentas

Introdução ao modelo de caixa CSS

Explicações de uma concepção fundamental no CSS, o modelo de caixa: descreve o sentido de margem, preenchimento, tambem como as diferentes áreas da caixa.

Dominando o colapso da margem

Na maioria dos casos, duas margens adjacentes são colapsadas em uma. Este artigo descreve quando isso acontecwe e como controlar isso.

Gerador de sombra de caixa

Uma ferramenta interativa que permite criar sombras visualmente e gerar a sintaxe necessária para a propriedade box-shadow.

Especificações

Specification
CSS Box Model Module Level 4
CSS Box Model Module Level 3