عرض مصدر CSS/::placeholder

<noinclude>{{DISPLAYTITLE: العنصر <code>‎::placeholder</code>‎}}</noinclude>
العنصر الزائف <code>‎::placeholder</code>‎ في CSS (أي pseudo-element) يُمثِّل النص البديل في أحد عناصر النماذج <code>[[HTML/form|<form>]]</code>: <syntaxhighlight lang="css">
::placeholder {
  color: blue;
  font-size: 1.5em;
}
</syntaxhighlight>الشكل العام لهذا المحدد:<syntaxhighlight lang="css">
::placeholder
</syntaxhighlight>لا يسمَح إلا باستخدام مجموعة جزئية من خاصيات CSS التي يمكن تطبيقها على العنصر الزائف <code>‎[[CSS/::first-line|::first-line]]</code>. 

== أمثلة ==
مثال عن استخدام هذا العنصر الزائف لتنسيق النص البديل المعروض في عنصر <code>[[HTML/input|<input>]]</code>:<syntaxhighlight lang="html">
<input placeholder="اكتب شيئًا هنا">

</syntaxhighlight>شيفرة CSS:<syntaxhighlight lang="css">
input::placeholder {
  color: red;
  font-size: 1.2em;
  font-style: italic;
}
</syntaxhighlight>
== دعم المتصفحات ==
{| class="wikitable"
!الميزة
!|Chrome
!Firefox
!Internet Explorer
!Opera
!Safari
|-
!الدعم الأساسي
|57.0
|51.0
|غير مدعومة
|44
|10.1
|-
!دعم جزئي مع سابقة
|مدعومة
|مدعومة
|10 (مع السابقة <code>-ms-</code>)
|مدعومة
|5 (مع السابقة <code>-webkit-</code>)
|}
==مصادر ومواصفات==
* مسودة [https://drafts.csswg.org/css-pseudo-4/#placeholder-pseudo CSS Pseudo-Elements Level 4]. 
[[تصنيف:CSS|{{SUBPAGENAME}}]]
[[تصنيف:CSS Selectors|{{SUBPAGENAME}}]]
[[تصنيف:CSS pseudo-element|{{SUBPAGENAME}}]]