CSS Display
CSS Display É um módulo de CSS que define como a árvore da caixa de formatação CSS é gerada a partir da árvore de elementos do documento e define as propriedades que a controlam.
Referência
CSS Propriedades
CSS tipos de dados
Guias
CSS Fluxo Layout (display: block, display: inline)
display: flex
- Conceitos básicos de flexbox
- Alinhando itens em um container Flex
- Relações de controle de itens flexíveis ao longo do eixo principal (en-US)
- Combinações Flexbox entre navegadores (en-US)
- Dominando o agrupamento de itens flexíveis (en-US)
- Pedido de itens flexíveis
- Relação do flexbox com outros métodos de layout (en-US)
- Compatibilidade com versões anteriores do Flexbox (en-US)
- Casos de uso típicos do Flexbox
display: grid
- Conceitos básicos de layout de grade
- Relação com outros métodos de layout
- Posicionamento baseado em linha (en-US)
- Áreas de modelo de grade (en-US)
- Layout usando linhas de grade nomeadas (en-US)
- Posicionamento automático no layout da grade (en-US)
- Alinhamento de caixa no layout da grade (en-US)
- Grades, valores lógicos e modos de escrita (en-US)
- Layout e acessibilidade da grade CSS (en-US)
- Layout de grade CSS e aprimoramento progressivo (en-US)
- Realizando layouts comuns usando grades (en-US)
Especificações
| Specification | Status | Comment |
|---|---|---|
| CSS Display Module Level 3 The definition of 'display' in that specification. |
Candidata a Recomendação | Adicionado run-in, flow, flow-root, contents e valores de várias palavras-chave. |
| CSS Level 2 (Revision 1) The definition of 'display' in that specification. |
Recomendação | Adicionados os valores do modelo de tabela e inline-block. |
| CSS Level 1 The definition of 'display' in that specification. |
Recomendação | Definição inicial. Valores básicos: none, block, inline e list-item. |
Além do nível de especificação de exibição CSS 3, outras especificações definem o comportamento de vários valores da exibição.
Compatibilidade com navegadores
BCD tables only load in the browser