عرض مصدر CSS/:indeterminate

<noinclude>{{DISPLAYTITLE: الصنف <code>‎:indeterminate</code>}}</noinclude>
الصنف الزائف <code>‎:indeterminate</code> في CSS (أي pseudo-class) يُمثِّل أيّة نماذج تكون حالتها غير معروفة (indeterminate):
<syntaxhighlight lang="css">
input:indeterminate {
  background: lime;
}
</syntaxhighlight>يمكن أن يُطابِق هذا المُحدَّد العناصر الآتية: 
* صندوق تأشير [[HTML/input/checkbox|checkbox]] الذي ضُبِطَت الخاصية <code>indeterminate</code> فيه إلى <code>true</code> عبر JavaScript. 
* أزرار الانتقاء [[HTML/input/radio|radio]] عندما تكون جميع الأزرار التي لها نفس القيمة للخاصية <code>name</code> غير منتقاةً. 
* عناصر <code>[[HTML/progress|<progress>]]</code> في الحالة غير المعروفة. 
الشكل العام لهذا المحدد:<syntaxhighlight lang="css">
:indeterminate
</syntaxhighlight>

== أمثلة ==
سنُطبِّق في المثال الآتي أنماط خاصة لعناصر <code>[[HTML/label|<label>]]</code> المرتبطة بحقول النموذج ذات الحالة غير المعروفة:<syntaxhighlight lang="html">
<div>
  <input type="checkbox" id="checkbox">
  <label for="checkbox">هذا العنصر يبدأ باللون الليموني</label>
</div>
<div>
  <input type="radio" id="radio">
  <label for="radio">Thهذا العنصر يبدأ باللون الليموني</label>
</div>
</syntaxhighlight>شيفرة CSS:<syntaxhighlight lang="css">
input:indeterminate + label {
  background: lime;
}
</syntaxhighlight>شيفرة JavaScript:<syntaxhighlight lang="javascript">
var inputs = document.getElementsByTagName("input");

for (var i = 0; i < inputs.length; i++) {
  inputs[i].indeterminate = true;
}
</syntaxhighlight>مثال عن تطبيق أنماط خاصة على عناصر <code>[[HTML/progress|<progress>]]</code> إذا كانت حالتها غير معروفة (أي لم تُستعمَل الخاصية <code>value</code>):<syntaxhighlight lang="html">
<progress>
</syntaxhighlight>شيفرة CSS:<syntaxhighlight lang="css">
progress {
  margin: 4px;
}

progress:indeterminate {
  opacity: 0.5;
  background-color: lightgray;
  box-shadow: 0 0 2px 1px red;
}
</syntaxhighlight>

== دعم المتصفحات ==
{| class="wikitable"
!الميزة
!|Chrome
!Firefox
!Internet Explorer
!Opera
!Safari
|-
!الدعم الأساسي
|مدعومة
|مدعومة
|9.0
|10.60
|3.0
|-
![[HTML/progress|<progress>]]
|6.0
|6.0
|10
|؟
|5.2
|-
![[HTML/input/radio|أزرار الانتقاء]]
|39.0
|51
|غير مدعومة
|؟
|غير مدعومة
|}
==مصادر ومواصفات==
*معيار [https://html.spec.whatwg.org/multipage/#selector-indeterminate HTML Living Standard].
*مواصفة [http://www.w3.org/TR/html5/#selector-indeterminate HTML5].
*مسودة [https://drafts.csswg.org/selectors-4/#indeterminate Selectors Level 4].
*مواصفة [https://drafts.csswg.org/css-ui-3/#indeterminate CSS Basic User Interface Module Level 3].
[[تصنيف:CSS|{{SUBPAGENAME}}]]
[[تصنيف:CSS Selectors|{{SUBPAGENAME}}]]
[[تصنيف:CSS pseudo-class|{{SUBPAGENAME}}]]