Dimensão em CSS

As propriedades de dimensão especificam o tamanho dos elementos, tais como largura, altura, alinhamentos, bem como efeitos de sobrescrever, alinhamentos etc. Neste post veja dimensão em CSS.

Abaixo estão listados essas propriedades e a descrição de suas funcionalidades. Veja:

color: Especifica a cor do texto contido no elemento:

body {color: #000000}
a {color: #0000FF}

width: Especifica a largura da área de apresentação do elemento:

div {width: 40%}
img.logo {width: 300px}

height: Especifica a altura da área de apresentação do elemento:

div {height: 40%}
img.logo {height: 300px}

vertical-align: Especifica o alinhamento vertical do conteúdo do elemento:

p {vertical-align: top}
div {vertical-align: middle}
    
/* Os valores possíveis para vertical-align são baseline, middle, sub, super, text-top, text-bottom, top e bottom  */ 

baseline: Alinha as bases inferiores do elemento pai e do elemento atual. É o valor padrão.

middle: Alinha os pontos centrais verticais do elemento pai e do elemento atual.

sub: Aplica o efeito de subscrito ao elemento atual.

super: Aplica o efeito de sobrescrito ao elemento atual.

text-top: Alinha o topo do elemento atual com o topo das fontes utilizadas no elemento pai.

text-bottom: Alinha o rodapé do elemento atual com o rodapé das fontes utilizadas no elemento pai.

top: Alinha o topo do elemento atual com o elemento mais alto contido na linha.

bottom: Alinha o rodapé do elemento atual com o elemento mais baixo contido na linha.

Cores e fundos em CSS

Dúvidas ou sugestões? Deixem nos comentários! Para mais dicas, acesse o nosso canal no YouTube:
https://youtube.com/criandobits

Tags: css | dimensao | dimensoes