% бірлігі

% салыстырмалы өлшем бірлігі бала элементтің өлшемін оның ата-анасының өлшеміне қарай белгілейді. Мысалы, төртбұрыштың ені 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-дегі өлшемді белгілейді