آموزش شبه کلاس in-range در CSS

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش شبه کلاس In-Range در CSS با من همراه باشید.

آموزش شبه کلاس In-Range در CSS

Free-Learn

شبه کلاس In-Range در CSS

با استفاده از شبه کلاس ( یا هم انتخابگر ) In-Range در CSS میتوان برای عناصری که در ( درون ) یک محدوده [ رِنج ] انتخابی ( مثلا انتخاب یک عدد از فلان تا فلان مقدار ) هستند استایل دلخواه تعریف کرد.

این شبه کلاس فقط بروی عناصر ورودی ( Input ) که دارای صفات min و max می باشند کار میکند.

با استفاده از شبه کلاس out-of-range نیز میتوان برای عناصری که خارج از محدوده انتخابی هستند استایل تعریف کرد.

نسخه CSS3

Free-Learn

مثال از شبه کلاس In-Range در CSS

در ادامه میتوانید یک مثال از این انتخابگر / شبه کلاس را در زبان CSS مشاهده نمایید.

امتحان کنید

Free-Learn

پشتیبانی مرورگرها

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از انتخابگر / شبه کلاس In-Range در CSS پشتیبانی میکنند یا خیر.

نام انتخابگر Chrome Firefox Opera Safari IE
in-range: ۵۲٫۰ ۵۰ ۱۱٫۵ ۵٫۱ خیر

Free-Learn

شکل نوشتاری

نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این انتخابگر / شبه کلاس در CSS بصورت زیر می باشد.


Free-Learn

نکات و توضیحات

  • این شبه کلاس در مرورگر اینترنت اکسپلورر (IE) پشتیبانی نمیشود.

Free-Learn

دریافت PDF یا پرینت این مطلب