Уласцівасць 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;
}

Результат:

Глядзіце таксама