الفرق بين المراجعتين لصفحة: «CSS/::placeholder»
< CSS
ط استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}' |
لا ملخص تعديل |
||
| سطر 11: | سطر 11: | ||
== أمثلة == | == أمثلة == | ||
مثال عن استخدام هذا العنصر الزائف لتنسيق النص البديل المعروض في عنصر <code>[[HTML/input|<input>]]</code>:<syntaxhighlight lang="html"> | مثال عن استخدام هذا العنصر الزائف لتنسيق النص البديل المعروض في عنصر <code>[[HTML/input|<input>]]</code>:<syntaxhighlight lang="html"> | ||
<input placeholder=" | <input placeholder="اكتب شيئًا هنا"> | ||
</syntaxhighlight>شيفرة CSS:<syntaxhighlight lang="css"> | </syntaxhighlight>شيفرة CSS:<syntaxhighlight lang="css"> | ||
مراجعة 10:29، 11 أكتوبر 2018
العنصر الزائف ::placeholder في CSS (أي pseudo-element) يُمثِّل النص البديل في أحد عناصر النماذج <form>:
::placeholder {
color: blue;
font-size: 1.5em;
}
الشكل العام لهذا المحدد:
::placeholder
لا يسمَح إلا باستخدام مجموعة جزئية من خاصيات CSS التي يمكن تطبيقها على العنصر الزائف ::first-line.
أمثلة
مثال عن استخدام هذا العنصر الزائف لتنسيق النص البديل المعروض في عنصر <input>:
<input placeholder="اكتب شيئًا هنا">
شيفرة CSS:
input::placeholder {
color: red;
font-size: 1.2em;
font-style: italic;
}
دعم المتصفحات
| الميزة | Chrome | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| الدعم الأساسي | 57.0 | 51.0 | غير مدعومة | 44 | 10.1 |
| دعم جزئي مع سابقة | مدعومة | مدعومة | 10 (مع السابقة -ms-)
|
مدعومة | 5 (مع السابقة -webkit-)
|
مصادر ومواصفات
- مسودة CSS Pseudo-Elements Level 4.