resize հատկությունը

resize resize հատկությունն արգելում կամ թույլատրում է textarea-ի կամ այլ էլեմենտների չափերի փոփոխումը (այլ էլեմենտների դեպքում աշխատում է ոչ բոլոր բրաուզերներում):

Սինտաքսիս

cssընտրիչ {
  resize: both | horizontal | vertical | none;
}

Արժեքներ

Լռելյայն արժեքը՝ none: textarea-ի դեպքում որոշ բրաուզերներում՝ both: Այն բրաուզերներում, որոնք չեն աջակցում resize-ը, textarea-ը կվարվի այնպես, կարծես տրված է none արժեքը:

Օրինակ . both արժեքը

Էլեմենտը ձգվում է երկու ուղղությամբ:

html<textarea></textarea>

csstextarea {
  resize: both;
  width: 200px;
  height: 200px;
}

Результат:

Օրինակ . horizontal արժեքը

Էլեմենտը ձգվում է միայն հորիզոնական:

html<textarea></textarea>

csstextarea {
  resize: horizontal;
  width: 200px;
  height: 200px;
}

Результат:

Օրինակ . vertical արժեքը

Էլեմենտը ձգվում է միայն ուղղահայաց:

html<textarea></textarea>

csstextarea {
  resize: vertical;
  width: 200px;
  height: 200px;
}

Результат:

Օրինակ . none արժեքը

Էլեմենտը ընդհանրապես չի ձգվում:

html<textarea></textarea>

csstextarea {
  resize: none;
  width: 200px;
  height: 200px;
}

Результат:

Օրինակ . Լայնության և բարձրության սահմանափակում

Մինիմալ և մաքսիմալ լայնությունն ու բարձրությունը կարելի է սահմանափակել max-width, min-width, max-height, min-height հատկությունների միջոցով:

html<textarea></textarea>

csstextarea {
  resize: both;
  min-height: 100px;
  max-height: 300px;
  min-width: 100px;
  max-width: 300px;
}

Результат: