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

Результат: