این آموزش در تاریخ ۱۴۰۰/۱۰/۱۴ آپدیت شده است.
آموزش شبه کلاس Out-Of-Range در CSS
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش شبه کلاس Out-Of-Range در CSS با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
شبه کلاس Out-Of-Range در CSS
با استفاده از شبه کلاس ( یا هم انتخابگر ) out-of-range در CSS میتوان برای عناصری که خارج از یک محدوده [ رِنج ] مشخص ( مثلا انتخاب یک عدد از فلان تا فلان مقدار ) هستند استایل دلخواه تعریف کرد.
این شبه کلاس فقط بروی عناصر ورودی ( Input ) که دارای صفات min و max می باشند کار میکند.
با استفاده از شبه کلاس in-range نیز میتوان برای عناصری که درون یک محدوده مشخص هستند استایل تعریف کرد.
| نسخه | CSS3 |
|---|
Free-Learn
مثال از شبه کلاس Out-Of-Range در CSS
در ادامه میتوانید یک مثال از این انتخابگر / شبه کلاس را در زبان CSS مشاهده نمایید.
مثال شماره ۱ : استفاده از شبه کلاس in-range و out-of-range ( برای وقتی داخل و خارج از یک محدوده مشخص بود )
|
1 2 3 4 5 |
input:out-of-range{ border: 2px solid black; background-color:red; color:#fff; } |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از انتخابگر / شبه کلاس In-Range در CSS پشتیبانی میکنند یا خیر.
| نام انتخابگر | Chrome | Firefox | Opera | Safari | Edge |
| out-of-range: | ۵۳ | ۵۰ | ۴۰ | ۱۰٫۱ | ۷۹ |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این انتخابگر / شبه کلاس در CSS بصورت زیر می باشد.
|
1 2 3 |
:out-of-range { دستورات سی اس اس در اینجا } |
Free-Learn
نکات و توضیحات
- شبه کلاس In-Range برای وقتی در یک محدوده مشخص بود
- شبه کلاس Out-Of-Range برای وقتی در یک محدوده مشخص نبود
