ერთეული %

ფარდობითი საზომი ერთეული % აყენებს შვილობილი ელემენტის ზომას მისი მშობელი ელემენტის ზომის მიმართ. მაგალითად, მართკუთხედის სიგანე, რომელიც უდრის 50% ნიშნავს, რომ ის ორჯერ უფრო პატარაა თავისი მშობელზე.

მაგალითი

მოდით, მივანიჭოთ მართკუთხედს შვილობილი ელემენტის სიგანე 20%-ის და სიმაღლე 40%-ის ტოლი:

<div>
	<p></p>
</div>

div {
	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-ებში