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

O SEU COMPUTADOR ESTÁ TRAVANDO, DANDO "TELA AZUL" E DOR DE CABEÇA?

Aprenda a consertar o próprio computador como um profissional!

Especialize-se em manutenção preventiva e corretiva, diagnósticos de defeitos e upgrades com aulas passo a passo sem enrolação.

Torne-se também um técnico diferenciado e conquiste o emprego dos seus sonhos com este curso completo de Montagem e Manutenção de Desktops e Notebooks.

Clique na imagem abaixo e confira mais detalhes do curso:

CLIQUE AQUI E SAIBA MAIS