ერთეული %

ფარდობითი საზომი ერთეული % აყენებს შვილობილი ელემენტის ზომას მისი მშობელი ელემენტის ზომის მიმართ. მაგალითად, მართკუთხედის სიგანე, რომელიც უდრის 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%;
}

Результат:

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