Одиниця rem відповідає значенням властивості font-size кореневого елемента <html>. Якщо rem додається безпосередньо до font-size для <html> або стиль для <html> не заданий, тоді 1rem приймається рівним вихідному значенню font-size. У браузерах за замовчуванням 1rem=16px.
Приклад
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>rem</title> <style> html { font-size: 62.5%; }
/* 10px */
body { font-size: 1.8rem; }
/* 18px */
h1 { font-size: 2.8rem; }
/* 28px */
</style>
</head>
<body> <h1>Чому можлива інтроекція?</h1> <p>Як зазначає Д. Майєрс, у нас є деяке почуття конфлікту, яке виникає із ситуації невідповідності бажаного та дійсного.</p>
</body>
</html>У даному прикладі розмір шрифту для кореневого елемента заданий у відсотках, у результаті виходить рівним 10px. Для розмірів основного тексту та заголовка застосовується одиниця rem, яка вважається щодо вже заданого розміру html.
Специфікація
| Специфікація | Статус |
|---|---|
| CSS Values and Units Module Level 4 | Робочий проект |
| CSS Values and Units Module Level 3 | Можлива рекомендація |
Специфікація
Кожна специфікація проходить кілька стадій схвалення.
- Recommendation (Рекомендація) — специфікація схвалена W3C і рекомендована як стандарт. , але потрібна допомога співтовариства розробників з реалізації стандарту. твердження.
- Working Draft (Робочий проект) — більш зріла версія чернетки після обговорення та внесення поправок для розгляду спільнотою.
- Editor's draft (Редакторська чернетка) — чорнова версія стандарту після внесення правок редакторами проекту.
- Draf t (Чернетка специфікації) — перша чорнова версія стандарту.
Браузери
| 9 | 12 | 4 | 11.6 | 4.1 | 3.6 |
| 2 | 4 | 12 | 4 |
Браузери
У таблиці браузерів застосовуються такі позначення.
- — властивість повністю підтримується браузером з усіма допустимими значеннями;
- — властивість браузером не сприймається та ігнорується;
- — при роботі можлива поява різних помилок, або властивість підтримується лише частково, наприклад, не всі допустимі значення діють або властивість застосовується не до всіх елементів, вказаних у специфікації.
Число вказує версію браузера, з якої властивість підтримується.