Para controlar o layout a propriedade mais importante é o display. O display vai permitir especificar como o elemento será exibido. Sabendo que o valor de exibição padrão nas maiorias dos elementos é block ou inline, dessa forma irá alterar a forma como o elemento é exibido e não o tipo de elemento que é.
Mas além dos display existem outras propriedades que auxiliam nos ajuste do layout:
- bottom - Define a borda da margem inferior para uma caixa posicionada.
- box-sizing - Define como a largura e a altura de um elemento são calculadas: devem incluir preenchimento e bordas ou não.
- clear - Específica o que deve acontecer com o elemento que está próximo a um elemento flutuante.
- clip - Recorta um elemento posicionado absolutamente.
- display - Específica como um elemento deve ser exibido.
- float - Especifica se um elemento deve flutuar para a esquerda, direita ou nada.
- left - Define a borda da margem esquerda para uma caixa posicionada.
- overflow - Específica o que acontece se o conteúdo ultrapassar a caixa de um elemento.
- overflow-wrap - Especifica se o navegador pode ou não quebrar linhas com palavras longas, se elas ultrapassarem seu contêiner.
- overflow-x - Especifica o que fazer com as bordas esquerda/direita do conteúdo se ultrapassar a área de conteúdo do elemento.
- overflow-y - Especifica o que fazer com as bordas superior/inferior do conteúdo se ultrapassar a área de conteúdo do elemento.
- position - Especifica o tipo de posicionamento de um elemento.
- right - Define a borda da margem direita para uma caixa posicionada.
- top - Define a borda da margem superior para uma caixa posicionada.
- visibility - Especifica se um elemento deve ou não ser visível.
- z-index - Define a ordem de pilha de um elemento.
Faça parte da nossa comunidade!
Domine as tecnologias utilizadas pelas empresas mais inovadoras do mundo e encare seu novo desafio profissional, evoluindo em comunidade com os melhores experts.
