rem бірлігі

rem салыстырмалы өлшем бірлігі элементтің қаріп өлшемін түбірлік элементтің - <html> қаріпіне байланысты орнатады. Мысалы, 2rem қаріпі оның түбірлік элементтен екі есе үлкен екенін білдіреді.

Мысал

Тақырып мәтініне түбірлік элементтің қаріпінен бір жарым есе үлкен қаріп орнатайық, ал абзацқа - 1rem:

html<h1>Text1</h1>
<p>text2</p>

cssbody{
  font-size: 14px;
}
h1 {
  font-size: 1.5rem;
}
p {
  font-size: 1em;
}

Результат:

Сондай-ақ қараңыз