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 */
}