Свойство min-width

Свойство min-width элементнинг минимал кенглигини белгилайди. Свойство қиймати сифатида ҳар қандай ўлчов бирликлари ёки қиймат йўқлигини англатувчи none калит сўзи хизмат қилади.

Одатда, сузувчан кенгликка эга бўлган элемент учун белгиланади (кенглик фоизларда белгиланган ёки умуман белгиланмаган, ва элемент кенглиги уз ичидаги контент билан ўзгаради). Агар элемент кенглиги фоизларда белгиланган бўлса - браузер деворини тангисалш билан унинг кенглиги min-width қийматига етгунча кичайишда давом этади.

Синтаксис

cssселектор {
  max-width: қиймат;
}

Мисол

Бу мисолда кенглик ота-она элементнинг кенглигидан фоиз олинади. Браузер деворининг кенглигини тангисангиз, контейнер хам браузер деворига мослашиш учун кичайишда давом этади. Бирок, у фақат min-width да белгиланган миқдоргача, яъни 400px гача кичайишда давом этади. Контейнер шу кенгликка етганида - у кичайишни тўхтатади:

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

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

Результат:

Мисол

Бу мисолда контейнер кенглиги икки томонлама чегараланган: у 900px дан катта ва 400px дан кичкина бўлолмайди:

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

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

Результат:

Шунингдек қаранг