পseudoclass out-of-range

পseudoclass out-of-range এমন উপাদানগুলির স্টাইল নির্ধারণ করে যাদের মান নির্দিষ্ট পরিসরের বাইরে চলে যায়। মানের পরিসর min এবং max অ্যাট্রিবিউট দ্বারা নির্দিষ্ট করা থাকতে হবে।

সিনট্যাক্স

cssসিলেক্টর:out-of-range {
  
}

উদাহরণ

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

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

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

Результат:

আরও দেখুন