CSS mértékegységek

Több paraméternél kötetlenül, számmal adhatunk meg értékeket a helyett, hogy lehetőségek sorából választanánk

Általában a relatív és abszolút hosszúságokat adjuk meg szám értékkel, azonban speciális stílusok esetén szögeket, időtartamokat, frekvenciákat is megadhatunk.

Relatív mértékegységek: pl. pixel (px), ami a képernyő pixelsűrűségétől függően többszörös eltérésű (valódi) megjelenési méretet jelenthet.

Abszolút mértékegység: minden eszközön képernyőn és más kimeneten (pl. nyomtatás) a látogató számára ugyanakkora méretben jelenik meg, pl. x cm minden megjelnésben ugyanakkora. Sajnos ez a valóságban nem mindig teljesül.

 

Relatív hosszúság egység
em Alapértelmezett betűméret (font-size)
ex A kisbetűs „x” magassága
px Pixelek, a kimeneti eszköz miatt relatív méretű
% Százalék
rem A gyökér-elem betűmérete
vw A nézőpont szélessége
vh A nézőpont magassága
vm A nézőpont szélessége és magassága közül a kisebb érték
ch Zéró-szélesség a renderelt betűknél
Abszolút hosszúság egység
in Inch (1 inch = 2,54 cm)
cm Centiméter
mm Milliméter
pt Pont (1 pont = 1/72 inch)
pc Pica ( 1 pica = 12 pont)
Szög-egység
deg Szög
grad Gradiens (térszög)
rad Radián
turn Fordulat
Idő-egység
ms Ezredmásodperc
s Másodperc

CSS mértékegységek

Webdesign