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

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

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

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

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

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

Результат:

Hem görüň