Vetoria min-height

Vetoria min-height vendos lartësinë minimale të elementit. Vlera e vetorisë është çdo njësi për madhësi ose fjala kyçe none, që nënkupton mungesë të vlerës.

Zakonisht vendoset për një element me gjerësi lundruese (lartësia është vendosur në përqindje ose nuk është vendosur fare, dhe elementi zgjatet në lartësi nga përmbajtja e tij).

Nëse është vendosur lartësia minimale - atëherë më e vogël se kjo lartësi elementi nuk do të jetë në gjendje të bëhet. Nëse teksti është më pak se sa nevojitet për min-height, elementi do të ketë lartësin min-height.

Nëse teksti është më shumë - lartësia e elementit do të llogaritet në varësi të sasisë së tekstit.

Sintaksa

përzgjedhësi {
	min-height: vlera;
}

Shembull

Në këtë shembull lartësia nuk është vendosur fare dhe do të llogaritet nga shfletuesi në mënyrë të pavarur në varësi të sasisë së tekstit. Megjithatë, meqenëse është vendosur vetoria min-height, lartësia më e vogël se kjo vlerë nuk do të ulet, edhe nëse teksti në të nuk do të ketë fare:

<div id="elem">
	Lorem ipsum dolor sit amet.
</div>

#elem {
	min-height: 100px;
	width: 300px;
	border: 1px solid black;
}

Shembull

Le t'i shtojmë elementit më shumë tekst - në mënyrë që të ndodhë tejmbushja e bllokut në lartësi. Në këtë rast blloku ynë thjesht do të rrisë lartësinë e tij:

<div id="elem">
	some long text
</div>

#elem {
	min-height: 100px;
	width: 300px;
	border: 1px solid black;
	text-align: justify;
}

Shembull

Për krahasim le të shohim se çfarë do të ndodhë me bllokun, nëse i hiqet lartësia minimale, dhe në vend të saj i vendoset vetoria height:

<div id="elem">
	some long text
</div>

#elem {
	height: 100px;
	width: 300px;
	border: 1px solid black;
	text-align: justify;
	margin-bottom: 50px;
}

Shihni gjithashtu

vetoria max-height,
e cila vendos lartësinë maksimale të elementit
vetoria max-width,
e cila vendos gjerësinë maksimale të elementit
vetoria min-width,
e cila vendos gjerësinë minimale të elementit