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. |
Assine nossa newsletter!
