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;
}

Результат:

Տես նաև