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