162 of 313 menu

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

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

Սովորաբար նշվում է լողացող լայնություն ունեցող տարրի համար (բարձրությունը նշված է տոկոսներով կամ ընդհանրապես նշված չէ, և տարրը բարձրությամբ ընդլայնվում է իր պարունակությամբ):

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

Եթե տեքստը ավելի շատ է, տարրի բարձրությունը կհաշվարկվի կախված տեքստի քանակից:

Շարահյուսություն

ընտրիչ { min-height: արժեք; }

Օրինակ

Այս օրինակում բարձրությունը ընդհանրապես սահմանված չէ և կհաշվարկվի բրաուզերի կողմից ինքնուրույն՝ կախված տեքստի քանակից: Սակայն, քանի որ սահմանված է min-height հատկությունը, ապա բարձրությունը այս արժեքից ավելի փոքր չի դառնա, նույնիսկ եթե դրանում տեքստ ընդհանրապես չլինի:

<div id="elem"> Lorem ipsum dolor sit amet. </div> #elem { min-height: 100px; width: 300px; border: 1px solid black; }

:

Օրինակ

Ավելացնենք տարրին ավելի շատ տեքստ - այնպես, որ տեղի ունենա բլոկի բարձրության գերազանցում: Այս դեպքում մեր բլոկը պարզապես կմեծացնի իր բարձրությունը:

<div id="elem"> some long text </div> #elem { min-height: 100px; width: 300px; border: 1px solid black; text-align: justify; }

:

Օրինակ

Համեմատության համար տեսնենք, թե ինչ կլինի բլոկի հետ, եթե հանենք նվազագույն բարձրությունը, և դրա փոխարեն նշենք height հատկությունը:

<div id="elem"> some long text </div> #elem { height: 100px; width: 300px; border: 1px solid black; text-align: justify; margin-bottom: 50px; }

:

Տես նաև

  • max-height հատկությունը,
    որը սահմանում է տարրի առավելագույն բարձրությունը
  • max-width հատկությունը,
    որը սահմանում է տարրի առավելագույն լայնությունը
  • min-width հատկությունը,
    որը սահմանում է տարրի նվազագույն լայնությունը
Հայերեն
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Մենք օգտագործում ենք cookie-ներ կայքի աշխատանքի, վերլուծության և անհատականացման համար։ Տվյալների մշակումը կատարվում է համաձայն Գաղտնիության քաղաքականության։
ընդունել բոլորը կարգավորել մերժել