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

Результат: