الفرق بين المراجعتين ل"CSS/::placeholder"

من موسوعة حسوب
< CSS
اذهب إلى التنقل اذهب إلى البحث
 
ط (استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}')
سطر 45: سطر 45:
 
==مصادر ومواصفات==
 
==مصادر ومواصفات==
 
* مسودة [https://drafts.csswg.org/css-pseudo-4/#placeholder-pseudo CSS Pseudo-Elements Level 4].  
 
* مسودة [https://drafts.csswg.org/css-pseudo-4/#placeholder-pseudo CSS Pseudo-Elements Level 4].  
[[تصنيف:CSS]]
+
[[تصنيف:CSS|{{SUBPAGENAME}}]]
[[تصنيف:CSS Selectors]]
+
[[تصنيف:CSS Selectors|{{SUBPAGENAME}}]]
[[تصنيف:CSS pseudo-element]]
+
[[تصنيف:CSS pseudo-element|{{SUBPAGENAME}}]]

مراجعة 15:34، 28 يناير 2018

العنصر الزائف ‎::placeholder‎ في CSS (أي pseudo-element) يُمثِّل النص البديل في أحد عناصر النماذج <form>:

::placeholder {
  color: blue;
  font-size: 1.5em;
}

الشكل العام لهذا المحدد:

::placeholder

لا يسمَح إلا باستخدام مجموعة جزئية من خاصيات CSS التي يمكن تطبيقها على العنصر الزائف ‎::first-line.

أمثلة

مثال عن استخدام هذا العنصر الزائف لتنسيق النص البديل المعروض في عنصر <input>:

<input placeholder="Type something here!">

شيفرة 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-)

مصادر ومواصفات