CSS Box Model

Esta tradução está incompleta. Ajude a traduzir este artigo em inglês

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 caxia

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

Especificação Situação Comentário
CSS Basic Box Model Rascunho atual
CSS Level 2 (Revision 1) Recomendação
CSS Level 1 Recomendação Initial definition
Estamos convertendo nossos dados de compatibilidade para o formato JSON. Esta tabela de compatibilidade ainda usa o formato antigo, pois ainda não convertemos os dados que ela contém. Descubra como você pode ajudar!
Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 1.0 1.0 (1.7 or earlier) 3.0 3.5 1.0 (85)
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support 1.0 1.0 (1) 6.0 6.0 1.0