Min-width häsiýeti

Häsiýeti min-width elementyň iň pes giňligini belgileýär. Häsiýetiň bahasy hökmünde islendik ölçeg birligi ýa-da baha ýoklugyny aňladýan none açar sözi bolup biler.

Adatça, üýtgeýän giňlikli element üçin berilýär (giňlik göterimlerde berilen ýa-da umuman berilmedik, we element giňligi boýunça mazmuny bilen giňelýär). Eger elementiň giňligi göterimlerde berilen bolsa - brauzer penjiresiniň giňligi azalanda, ol min-width bahasyna ýetýänçä azalar.

Sintaksis

selektory {
	max-width: baha;
}

Mysal

Bu mysalda giňlik ata-enäniň giňliginiň göterimi hökmünde berilendir. Brauzer penjiresiniň giňligini azalt, we konteýiner hem brauzer penjiresiniň giňligine laýyk gelmek üçin kiçener. Emma ol diňe min-width-de, bu 400px, kesgitlenen ölçegä çenli kiçener. Konteýiner bu giňlige ýetensoň - ol kiçelmegi besler:

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

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

Mysal

Bu mysalda konteýineriň giňligi iki tarapdan hem çäklendirilendir: ol 900px-den uly we 400px-den kiçi bolup bilmez:

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

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

Şeýle-de görüň

max-width häsiýeti,
elementyň iň uly giňligini belgileýär
max-height häsiýeti,
elementyň iň uly beýikligini belgileýär
min-height häsiýeti,
elementyň iň pes beýikligini belgileýär