ගුණය 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;
}