Sifa max-width

Sifa max-width inaweka upana wa kiwango cha juu wa kipengele. Thamani ya sifa inaweza kuwa yoyote vipimo vya vitengo au neno kuu none, kinachomaanisha kutokuwapo kwa thamani.

Kawaida sifa hupewa kipengele chenye upana unaoyumba (upana umepewa kwa asilimia au hauja pewa kabisa, na kipengele kinapanuka kwa upana kulingana na yaliyomo ndani yake). Ikiwa upana wa kipengele umepewa kwa asilimia - ukiongeza upana wa dirisha la kivinjari, upana huo utaongezeka, hadi ufikie thamani ya max-width.

Syntax

kichaguli {
	max-width: thamani;
}

Mfano

Katika mfano huu, upana ni asilimia ya upana wa kipenzi kizazi. Ongeza upana wa dirisha la kivinjari, na chombo pia kitakuwa kimeongezeka, ili kukabiliana na upana wa dirisha la kivinjari. Hata hivyo, kitaongezeka tu hadi kiwango kilichoainishwa katika max-width, ambayo ni 900px. Mara tu chombo kitakapofikia upana huu - kitaacha kuongezeka:

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

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

Mfano

Katika mfano huu, upana wa chombo umepunguzwa kwa pande zote mbili: haitaweza kuwa kubwa zaidi ya 900px wala ndogo zaidi ya 400px:

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

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

Angalia pia

sifa min-width,
ambayo inaweka upana wa chini zaidi wa kipengele
sifa max-height,
ambayo inaweka urefu wa kiwango cha juu wa kipengele
sifa min-height,
ambayo inaweka urefu wa chini zaidi wa kipengele