As unidades nas folhas de estilo (CSS)

O que são as unidades das folhas de estilo CSS

Graças às folhas de estilo, é possível definir valores numéricos para as propriedades de estilo de várias maneiras: de maneira absoluta, quer dizer, em uma unidade independente do formato de saída (em centímetros por exemplo); de maneira relativa, quer dizer, em uma unidade relativa a um elemento.

Valores das folhas de estilo

Os valores das folhas de estilo são números inteiros ou números reais, quer dizer, são números que têm uma parte inteira e uma parte decimal. Geralmente, utiliza-se o ponto . nas notações decimais ao invés da vírgula (8.5 cm e não 8,5 cm). Os valores podem, além disso, ser negativos em certos casos (precedidos do sinal -). Certas propriedades podem, no entanto, aceitar um intervalo restrito de valores.

Como são as unidades absolutas

As unidades absolutas propostas pelo padrão CSS são descritas no quadro abaixo:

unidade descrição
cm O centímetro
in A polegada (em inglês inch) que corresponde a 2,54 cm
mm O milímetro
pt O ponto
pc O pica (correspondendo a 12 pt)

Como são as unidades relativas

As unidades relativas propostas pelo padrão CSS são as seguinte:

unidade descrição
em Unidade relativa à dimensão da letra do elemento selecionado. Única exceção a esta regra é quando a propriedade font-size está definida, refere-se à dimensão da letra do elemento parente.
ex Unidade relativa à altura da minúscula do elemento selecionado. Única exceção a esta regra: quando a propriedade font-size está definida, refere-se à altura da minúscula do elemento parente.
px O pixel.Trata-se de uma unidade cujo resultado depende da resolução do dispositivo de exibição.
% A porcentagem é uma unidade relativa à dimensão do elemento ou do seu parente.

Nosso conteúdo é produzido em colaboração com especialistas em tecnologia da informação sob o comando de Jean-François Pillou, fundador do CCM.net. CCM é um site sobre tecnologia líder em nível internacional e está disponível em 11 idiomas.
Este documento, intitulado 'As unidades nas folhas de estilo (CSS)', está disponível sob a licença Creative Commons. Você pode copiar e/ou modificar o conteúdo desta página com base nas condições estipuladas pela licença. Não se esqueça de creditar o CCM (br.ccm.net) ao utilizar este artigo.

Assine nossa newsletter!

Assine nossa newsletter!