Воҳиди %

Воҳиди ченкунии нисбӣ % андозаи элементи фарзандро нисбат ба андозаи волидайн таъин мекунад. Масалан, бари прямоугольник, ки баробар ба 50% аст, маънои онро дорад, ки он ду баробар аз волидайни худ хурдтар аст.

Намуна

Биёед барои прямоугольник элементи фарзанд бариашро ба 20% ва баландиашро ба 40% таъин кунем:

html<div>
  <p></p>
</div>
cssdiv {
  border: 1px solid black;
  width: 200px;
  height: 100px;
}
p {
  border: 1px solid red;
  width: 20%;
  height: 40%;
}

Результат:

Инчунин бубинед

  • воҳиди px,
    ки андозаро дар пикселҳо таъин мекунад
  • воҳиди fr,
    ки андозаро дар fr таъин мекунад
  • воҳиди em,
    ки андозаро дар em таъин мекунад
  • воҳиди rem,
    ки андозаро дар rem таъин мекунад
  • воҳиди vw,
    ки андозаро дар vw таъин мекунад
  • воҳиди vh,
    ки андозаро дар vh таъин мекунад
  • воҳиди vmax,
    ки андозаро дар vmax таъин мекунад
  • воҳиди vmin,
    ки андозаро дар vmin таъин мекунад