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

cssselektory {
  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:

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

css#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:

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

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

Результат:

Şeýle-de görüň