Veturia max-width

Veturia max-width vendos gjerësinë maksimale 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 veturia caktohet për një element me gjerësi lundruese (gjerësia është caktuar në përqindje ose nuk është caktuar fare, dhe elementi zgjatet në gjerësi nga përmbajtja e tij). Nëse gjerësia e elementit është caktuar në përqindje - kur rritet dritarja e shfletuesit ajo do të rritet, derisa të arrijë vlerën max-width.

Sintaksa

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

Shembull

Në këtë shembull, gjerësia është në përqindje të gjerësisë së prindit. Rritni dritaren e shfletuesit në gjerësi, dhe kontejneri gjithashtu do të rritet, për t'u përshtatur me gjerësinë e dritares së shfletuesit. Megjithatë, ai do të vazhdojë të rritet vetëm deri në madhësinë e përcaktuar në max-width, që është 900px. Pasi kontejneri të arrijë këtë gjerësi - ai do të ndalojë së rrituri:

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

#elem {
	width: 70%;
	max-width: 900px;
	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ë mund të bëhet më i madh se 900px dhe më i vogël se 400px:

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

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

Shihni gjithashtu

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