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.
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.
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) |
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. |