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
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.
Jean-François Pillou

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 e diretor digital do Grupo Figaro. CCM é um site sobre tecnologia líder em nível internacional e está disponível em 11 idiomas.

Mais informações sobre a equipe do CCM

Veja também

Última modificação: 22 de maio de 2017 às 16:06 por Ana Spadari.

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 (https://br.ccm.net/) ao utilizar este artigo.