As unidades nas folhas de estilo (CSS)

Outubro 2017

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
cmO centímetro
inA polegada (em inglês inch) que corresponde a 2,54 cm
mmO milímetro
ptO ponto
pcO 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
emUnidade 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.
exUnidade 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.
pxO 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.

Veja também


Les unités dans les feuilles de style (CSS)
Les unités dans les feuilles de style (CSS)
Le unità nei fogli di stile (CSS)
Le unità nei fogli di stile (CSS)
Última modificação: 22 de maio de 2017 às 16:06 por ninha25.
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.