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 |