% бирдиги

Салыштырмалуу өлчөө бирдиги % бала элементтин өлчөмүн анын ата-энесинин өлчөмүнө карата белгилейт. Мисалы, тик бурчтуктун туурасы 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'деги өлчөмдү белгилейт