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

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

Սինտաքսիս

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

Արժեքներ

Արժեք	Նկարագրություն
`both`	Էլեմենտը կարելի է ձգել լայնությամբ և բարձրությամբ:
`horizontal`	Էլեմենտը կարելի է ձգել միայն լայնությամբ:
`vertical`	Էլեմենտը կարելի է ձգել միայն բարձրությամբ:
`none`	Էլեմենտի չափերը փոխել հնարավոր չէ:

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

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

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

<textarea></textarea>

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

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

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

<textarea></textarea>

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

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

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

<textarea></textarea>

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

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

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

<textarea></textarea>

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

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

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

<textarea></textarea>

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