Veturia min-width

Veturia min-width vendos gjerësinë minimale të elementit. Vlerat e veturisë janë ç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 (gjerësia është vendosur në përqindje ose nuk është vendosur fare, dhe elementi zgjatet në gjerësi nga përmbajtja e tij). Nëse gjerësia e elementit është vendosur në përqindje - kur dritarja e shfletuesit zvogëlohet ajo do të zvogëlohet, derisa të arrijë vlerën min-width.

Sintaksa

përzgjedhësi {
	max-width: vlera;
}

Shembull

Në këtë shembull, gjerësia është në përqindje të gjerësisë së prindit. Zvogëloni dritaren e shfletuesit në gjerësi, dhe kontejneri gjithashtu do të zvogëlohet, në mënyrë që të përshtatet me gjerësinë e dritares së shfletuesit. Megjithatë ai do të zvogëlohet vetëm deri në madhësinë e përcaktuar në min-width, kjo është 400px. Pasi kontejneri të arrijë këtë gjerësi - ai do të ndalojë së zvogëluari:

<div id="elem"></div>

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

Shembull

Në këtë shembull, gjerësia e kontejnerit është e kufizuar nga të dy anët: ai nuk do të jetë në gjendje të bëhet më i madh se 900px dhe më i vogël se 400px:

<div id="elem"></div>

#elem {
	width: 70%;
	min-width: 400px;
	max-width: 900px;
	height: 100px;
	border: 1px solid black;
}

Shihni gjithashtu

veturia max-width,
që vendos gjerësinë maksimale të elementit
veturia max-height,
që vendos lartësinë maksimale të elementit
veturia min-height,
që vendos lartësinë minimale të elementit