পseudoclass in-range
পseudoclass in-range সেসব উপাদানের স্টাইল নির্দেশ করে,
যাদের মান একটি নির্দিষ্ট পরিসরে নির্ধারিত হয়েছে।
মানের পরিসর min এবং max
বৈশিষ্ট্য দ্বারা নির্ধারণ করতে হবে।
সিনট্যাক্স
সিলেক্টর:in-range {
}
উদাহরণ
আসুন একটি ইনপুটের জন্য হালকা নীল ব্যাকগ্রাউন্ড রং সেট করি, যেখানে ১ থেকে ৫ পর্যন্ত সংখ্যা লিখলে তা সীমার মধ্যে পড়ে। আমরা গোলাপী ব্যাকগ্রাউন্ডও সেট করব যখন লিখিত মান নির্বাচিত সীমার মধ্যে না পড়ে:
<form>
<p>১ থেকে ৫ পর্যন্ত সংখ্যা লিখুন</p>
<p>
<input type="number" min="1" max="5" value="1">
</p>
</form>
input:in-range {
background: #C2DDFD;
}
input:out-of-range {
background: #E37D76;
}
:
আরও দেখুন
-
পseudoclass
:out-of-range,
যা সেসব উপাদানের স্টাইল নির্ধারণ করে যাদের মান সীমার বাইরে -
পseudoclass
:valid,
যা সেসব ইনপুট ফিল্ডের স্টাইল নির্ধারণ করে যেখানে সঠিক মান লিখেছে -
পseudoclass
:invalid,
যা সেসব ইনপুট ফিল্ডের স্টাইল নির্ধারণ করে যেখানে ভুল মান লিখেছে
