Max-width hossasy

max-width hossasy elementiň iň uly ini kesgitleýär. Hossanyň bahasy hökmünde islendik ölçeg birlikleri ýa-da baha ýoklugyny aňladýan none açar sözi ulanýlyp bilner.

Bu hossa adatça üýtgeýän ini bilen element üçin kesgitlenýär (ini göterimlerde berlen ýa-da berilmedik we elementiniň ini mazmuny bilen giňelýär). Eger elementiniň ini göterimlerde berlen bolsa - brauzer penjiresiniň ini artdyrylanda element ini max-width hossasynyň bahasyna ýetençä artar.

Sintaksis

selektor {
	max-width: baha;
}

Mysal

Bu mysalda ini ata-enäniň ini göterimidir. Brauzer penjiresiniň ini artdyryň, we konteýner hem brauzer penjiresiniň ini bilen uýgunlaşmak üçin giňeler. Emma ol diňe max-width hossasynda kesgitlenen baha çenli, bu ýerde 900px, giňeler. Konteýner bu ini ýetençä giňeler - onuň giňelmegi bes eder:

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

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

Mysal

Bu mysalda konteýneriň ini iki tarapdan çäklendirilendir: ol 900px-den uly we 400px-den kiçi bolup bilmez:

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

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

Hem görüň

min-width hossasy,
elementiň iň kiçi ini kesgitleýär
max-height hossasy,
elementiň iň uly beýikligini kesgitleýär
min-height hossasy,
elementiň iň kiçi beýikligini kesgitleýär