Resumo de propriedades de exibição e visualização no CSS

13/06/2022 17:54

Raja Novaes

Raja Novaes

Sou um apaixonado por aprender, sou da opinião que conhecimento não ocupa espaço. Por isso estou em uma fase de aquisição de novos conhecimentos e habilidades.

Resumo de propriedades de exibição e visualização no CSS
  • #CSS

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.

0

Certificado

Artigo relacionado

Comentários

    Nenhum comentário