Absolyut birliklar
CSS mutlaq birliklari
Mutlaq birliklar qat’iy belgilangan va shu birliklarning birortasida ifodalangan uzunlik aynan shu o‘lchamda ko‘rinadi.
Absolyut birliklar ekran o‘lchami o‘zgarganda o‘zgarmaydi va saytlar uchun tavsiya etilmaydi. Biroq, chop etish layouti kabi chiqish muhiti ma’lum bo‘lsa, ulardan foydalanish mumkin.
Eng ko‘p ishlatiladigan mutlaq birlik — px (piksel).
| Unit | Name | Tavsif | |
|---|---|---|---|
| px | Pixels | Ekranlar uchun eng ko‘p ishlatiladigan absolyut birlik (1px = 1in ning 1/96 qismi) | Try it |
| cm | Centimeters | Asosan chop etish uslublar jadvalida (print stylesheet) ishlatiladi | Try it |
| mm | Millimeters | Asosan chop etish uslublar jadvalida (print stylesheet) ishlatiladi | Try it |
| in | Inches | Asosan chop etish uslublar jadvalida ishlatiladi (1in = 96px = 2.54cm) | Try it |
| pt | Points | Tipografik birlik (1pt = 1in ning 1/72 qismi) | Try it |
| pc | Picas | Chop etish birligi (1pc = 12 pt) | Try it |
Shrift o‘lchamini px bilan belgilash
Matn o‘lchamini px (piksel) bilan belgilash matn o‘lchami ustidan to‘liq nazorat beradi.
Agar piksellardan foydalansangiz, veb-sahifa turli ekran o‘lchamlarida yaxshi masshtablanmasligi mumkin va foydalanuvchilar brauzer sozlamalarida matn o‘lchamini o‘zgartira olmaydi. Biroq foydalanuvchilar butun sahifaning o‘lchamini o‘zgartirish uchun kattalashtirish vositasidan foydalanishlari mumkin.
Misol
Shrift o‘lchamlarini px bilan belgilash:
h1 {
font-size: 40px;
}
h2 {
font-size: 30px;
}
p {
font-size: 17px;
}
Eslatma: Raqam va birlik orasida bo‘sh joy bo‘lishi mumkin emas. Biroq, qiymat 0 bo‘lsa, birlikni yozmaslik mumkin.
Mutlaq birliklardan qachon foydalanish kerak
Mutlaq birliklardan quyidagi hollarda foydalanish mumkin:
- Aniq, qat’iy o‘lchamlar kerak bo‘lganda
- Chop etish mediasi uchun dizayn qilishda
- Viewport bilan masshtablanmasligi kerak bo‘lgan elementlar yaratishda
Maslahat: Ko‘pgina veb-dizayn maqsadlari uchun yaxshiroq moslashuvchanlikni ta’minlash maqsadida nisbiy birliklardan (em yoki rem) foydalanishni tavsiya etamiz.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!