max-width касиети

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

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

Синтаксис

тандоочу {
	max-width: маани;
}

Мисал

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

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

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

Мисал

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

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

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

Дагы караңыз

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