Sobes.tech
Junior

Koje su jedinice mere u CSS?

sobes.tech АИ

Одговор од АИ

Apsolutne i relativne jedinice.

Tip Jedinica Opis
Apsolutne px Pikseli, zavise od rezolucije ekrana.
pt Tačke, 1/72 inča.
cm Centimetri.
mm Milimetri.
in Inči, 1 inč = 2.54 cm.
pc Pika, 1 pika = 12 tačaka.
Relativne em Relativno u odnosu na veličinu fonta roditeljskog elementa.
rem Relativno u odnosu na veličinu fonta korenskog (html) elementa.
vw Relativno u odnosu na 1% širine prikaza.
vh Relativno u odnosu na 1% visine prikaza.
vmin Relativno u odnosu na 1% najmanje strane prikaza (širina ili visina).
vmax Relativno u odnosu na 1% najveće strane prikaza (širina ili visina).
% Relativno u odnosu na veličinu roditeljskog elementa (ili kontejnera).
ch Relativno u odnosu na širinu karaktera '0' trenutne fonta.
ex Relativno u odnosu na visinu malih slova (x-visina) trenutne fonta.

Izbor jedinice zavisi od konteksta: px se često koristi za granice i rastresne slike, rem i em za fontove i razmake, obezbeđujući bolju skalabilnost na različitim uređajima. Procentne vrednosti su korisne za responzivne rasporede.

/* Primer upotrebe */
.kontejner {
  width: 80%; /* U odnosu na roditelja */
  margin: 1rem auto; /* U odnosu na veličinu fonta html */
}

.kutija {
  padding: 20px; /* Apsolutna vrednost */
  font-size: 1.2em; /* U odnosu na veličinu fonta roditelja */
  width: 50vw; /* U odnosu na širinu prikaza */
}