ဂုဏ်သတ္တိ resize

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

ဖွဲ့စည်းပုံ

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

Результат: