min-width հատկությունը

min-width հատկությունը սահմանում է տարրի նվազագույն լայնությունը: Հատկության արժեքը կարող է լինել ցանկացած չափման միավոր կամ none հիմնաբառը, որը նշանակում է արժեքի բացակայություն:

Սովորաբար նշվում է լողացող լայնությամբ տարրի համար (լայնությունը նշված է տոկոսներով կամ ընդհանրապես չի նշված, և տարրը լայնությամբ ընդլայնվում է իր պարունակությամբ): Եթե տարրի լայնությունը նշված է տոկոսներով՝ դիտարկիչի պատուհանը նեղացնելիս այն կնվազի, մինչև հասնի 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 հատկությունը,
որը սահմանում է տարրի նվազագույն բարձրությունը