Esta página foi traduzida do inglês pela comunidade.Saiba mais e junte-se à comunidade MDN Web Docs.
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 omodelo 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 |