Свойство min-width

min-width касиети элементинин минималдуу туурасын орнотот. Касиеттин мааниси катары ар кандай өлчөө бирдиктери же none деген ачкыч сөз колдонулат, ал маанинин жоктугун билдирет.

Адатта алмактуу туурасы бар элемент үчүн берилет (туурасы пайыз менен берилген же аныкталбаган, бирок элемент туурасы менен мазмуну боюнча кеңейет). Эгерде элементтин tуурасы пайыз менен берилсе - браузердин терезесин тарылтканда, ал min-width маанисине жеткенге чейин кичирейет.

Синтаксис

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

Мисал

Бул мисалда туурасы ата-энесинин туурасынын пайызы менен көрсөтүлгөн. Браузердин терезесин туурасы боюнча кичирейтиңиз, анда контейнер да браузер терезесинин туурасына ылайыктоо үчүн кичирейет. Бирок ал min-width менен аныкталган чоңдукка чейин гана кичирейет, бул 400px. Контейнер бул туурага жеткенде - ал кичирейүүнү токтотот:

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

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

Мисал

Бул мисалда контейнердин туурасы эки тараптан чектелген: ал 900px дан чоңураак жана 400px дан кичинекей боло албайт:

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

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

Ошондой эле караңыз

max-width касиети,
ал элементтин максималдуу туурасын аныктайт
max-height касиети,
ал элементтин максималдуу бийиктигин аныктайт
min-height касиети,
ал элементтин минималдуу бийиктигин аныктайт