CriandoBits
Identifique-se Entrar Esqueceu a senha? Esqueci minha senha

Cascading Style Sheets (CSS) - Dimensão

Por Benedito Silva Júnior - publicado em 12/07/2016


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

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. 

 
Voltar a pagina anteriorVoltarSubir ao topo da páginaTopo