পseudoclass in-range

পseudoclass in-range সেসব উপাদানের স্টাইল নির্দেশ করে, যাদের মান একটি নির্দিষ্ট পরিসরে নির্ধারিত হয়েছে। মানের পরিসর min এবং max বৈশিষ্ট্য দ্বারা নির্ধারণ করতে হবে।

সিনট্যাক্স

cssসিলেক্টর:in-range {

}

উদাহরণ

আসুন একটি ইনপুটের জন্য হালকা নীল ব্যাকগ্রাউন্ড রং সেট করি, যেখানে ১ থেকে ৫ পর্যন্ত সংখ্যা লিখলে তা সীমার মধ্যে পড়ে। আমরা গোলাপী ব্যাকগ্রাউন্ডও সেট করব যখন লিখিত মান নির্বাচিত সীমার মধ্যে না পড়ে:

html<form>
  <p>১ থেকে ৫ পর্যন্ত সংখ্যা লিখুন</p>
  <p>
    <input type="number" min="1" max="5" value="1">
  </p>
</form>

cssinput:in-range {
  background: #C2DDFD;
}
input:out-of-range {
  background: #E37D76;
}

Результат:

আরও দেখুন