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;
}

Результат:

იხილეთ აგრეთვე