Μονάδα %

Η σχετική μονάδα μέτρησης % ορίζει το μέγεθος του θυγατρικού στοιχείου σε σχέση με το μέγεθος του γονέα του. Για παράδειγμα, το πλάτος ενός ορθογωνίου, ίσο με 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,
που ορίζει το μέγεθος σε pixels
μονάδα fr,
που ορίζει το μέγεθος σε fr
μονάδα em,
που ορίζει το μέγεθος σε em
μονάδα rem,
που ορίζει το μέγεθος σε rem
μονάδα vw,
που ορίζει το μέγεθος σε vw
μονάδα vh,
που ορίζει το μέγεθος σε vh
μονάδα vmax,
που ορίζει το μέγεθος σε vmax
μονάδα vmin,
που ορίζει το μέγεθος σε vmin