دليل مرجعي لـ CSS

CSS @rules (RULES)

دليل الخاصيات الكاملة لـ CSS

CSS :out-of-range selector

:النوع المزيف CSS يُمثل عنصر<input>، الذي يحتوي على قيمة حالية خارج نطاق المحدد من قبل الخاصية min وmax. ملاحظة: هذا النوع المزيف ينطبق فقط على العناصر التي تملك (أو يمكنها تقبيل) تعيين نطاق القيمة. إذا كان يفتقر إلى هذا التعيين، فإن قيمة العنصر ليست لها أي علاقة بـ “في النطاق” و “خارج النطاق”.

دليل مرجعي شامل لاختيارات CSS

مثال على الخط الساخن

أحدد النمط المحدد عند انحراف القيمة المدخلة عن النطاق المحدد:

مثال

!DOCTYPE　html
<html>
<head>
<meta　charset="utf-8">　
<title>دليل أساسي (oldtoolbag.com)</title>　
<style>
input:out-of-range
{
　　　　border:2px　solid　blue;
}
</style>
</head>
<body>
<h3>مثال على محددات :out-of-range.</h3>
<input　type="number"　min="8"　max="18"　value="20"　/>
<p>أدخل قيمة في input (أقل من 8 أو أكبر من 18)، وأنت سترى تغييرات النمط.</p>
</body>
</html>

جربها هنا ‹/›

التعريف والاستخدام

تُستخدم محددات :out-of-range لعرض النمط عند انحراف القيمة في العنصر عن النطاق المحدد.

ملاحظة: 　تُستخدم محددات :out-of-range فقط للعناصر التي يمكن تحديد قيم خارج النطاق المحدد، مثل عناصر input التي تحتوي على خصائص min وmax.

تطابق المتصفحات

الرقم في الجدول يُظهر إصدار أول متصفح يدعم هذه الخاصية.

المحددات
:out-of-range	10.0	غير مدعوم	28.0	5.2	11.0

نحو CSS

/*　يمكن تحديد أي <input> عشوائيًا، لكن يجب أن تكون القيمة المحددة للعنصر في النطاق المحدد فقط لتكون فعالة　*/
input:out-of-range　{
　　background-color:　rgba(255,　0,　0,　0.25);
}

استخدم هذا الميزة المزيفة لتقديم تلميح بصرى للمستخدم، مما يعني أن قيمة الحقل المدخل الحالية ليست في النطاق المسموح به.

الصفحات ذات الصلة

محددات CSS :in-range

دليل مرجعي شامل لاختيارات CSS

وظائف CSS دليل اختيارors في CSS