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 (en-US)
-
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 Box Model | Candidata a Recomendação | |
| CSS Level 2 (Revision 1) | Recomendação | |
| CSS Level 1 | Recomendação | Initial definition |