ဂုဏ်သတ္တိ resize

ဂုဏ်သတ္တိ resize သည် textarea သို့မဟုတ် အခြားအရာများ၏ အရွယ်အစားများ ပြောင်းလဲခြင်းကို တားမြစ်ပေးသည် သို့မဟုတ် ခွင့်ပြုပေးသည် (အခြားအရာများနှင့် ဘရောက်ဆာအားလုံးတွင် အလုပ်မလုပ်ပါ)။

ဖွဲ့စည်းပုံ

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