rem ერთეული
შედარებითი საზომი ერთეული rem
ადგენს ელემენტის ტექსტის ზომას
ძირეული ელემენტის - <html>
ტექსტის ზომაზე დაყრდნობით.
მაგალითად, 2rem ტექსტის ზომა ნიშნავს, რომ ის
ძირეული ელემენტის ტექსტის ზომაზე ორჯერ დიდია.
მაგალითი
დავსახოთ სათაურის ტექსტის ზომა ნახევარი
ჯერ დიდი ვიდრე ძირეული ელემენტის ტექსტის ზომა,
ხოლო აბზაცის - 1rem:
<h1>Text1</h1>
<p>text2</p>
body{
font-size: 14px;
}
h1 {
font-size: 1.5rem;
}
p {
font-size: 1em;
}
:
იხილეთ აგრეთვე
-
ერთეული
px,
რომელიც ადგენს ზომას პიქსელებში -
ერთეული
fr,
რომელიც ადგენს ზომას fr-ებში -
ერთეული
em,
რომელიც ადგენს ზომას em-ებში -
ერთეული
%,
რომელიც ადგენს ზომას პროცენტებში -
ერთეული
vw,
რომელიც ადგენს ზომას vw-ებში -
ერთეული
vh,
რომელიც ადგენს ზომას vh-ებში -
ერთეული
vmax,
რომელიც ადგენს ზომას vmax-ებში -
ერთეული
vmin,
რომელიც ადგენს ზომას vmin-ებში