الفرق بين المراجعتين ل"CSS/caret-color"
ط (استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}') |
|||
سطر 75: | سطر 75: | ||
== مصادر ومواصفات == | == مصادر ومواصفات == | ||
* مواصفة [https://drafts.csswg.org/css-ui-3/#propdef-caret-color CSS Basic User Interface Module Level 3]. | * مواصفة [https://drafts.csswg.org/css-ui-3/#propdef-caret-color CSS Basic User Interface Module Level 3]. | ||
− | [[تصنيف:CSS]] | + | [[تصنيف:CSS|{{SUBPAGENAME}}]] |
− | [[تصنيف:CSS Property]] | + | [[تصنيف:CSS Property|{{SUBPAGENAME}}]] |
− | [[تصنيف:CSS User Interface]] | + | [[تصنيف:CSS User Interface|{{SUBPAGENAME}}]] |
مراجعة 15:40، 28 يناير 2018
الخاصية caret-color
في CSS تُحدِّد ما هو لون مؤشر الإدخال النصي (وهي الإشارة التي تظهر للإشارة إلى موضع الحرف النصي الذي سيدخله المستخدم) ضمن عنصر مثل <input>
أو أي عنصر آخر له الخاصية contenteditable
. الشكل الافتراضي لمؤشر الإدخال هو خطٌ رأسيٌ يومض لتسهيل ملاحظته، ويكون لونه الافتراضي هو الأسود، لكن يمكن تعديله باستخدام هذه الخاصية.
/* كلمات محجوزة */
caret-color: auto;
caret-color: transparent;
caret-color: currentColor;
/* <color> قيم لونية */
caret-color: red;
caret-color: #5729e9;
caret-color: rgb(0, 200, 0);
caret-color: hsla(228, 4%, 24%, 0.8);
/* القيم العامة */
text-overflow: inherit;
text-overflow: initial;
text-overflow: unset;
القيمة الابتدائية | auto
|
---|---|
تُطبَّق على | جميع العناصر. |
قابلة للوراثة | نعم |
قابلة للحركة | نعم |
القيمة المحسوبة | قيمة لونية. |
أمثلة
مثال عن استخدام الخاصية caret-color
لتغيير لون مؤشر الكتابة في العنصر <input>
إلى اللون الأحمر:
<input value="I have a custom caret color!" size="64">
شيفرة CSS:
input {
caret-color: red;
}
دعم المتصفحات
الميزة | Chrome | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
الدعم الأساسي | 57 | 53.0 | غير مدعومة | 44 | غير مدعومة |
البنية العامة
الخاصية caret-color
تقبل قيمةً واحدةً من القيم التالية.
القيمة auto
سيختار المتصفحُ القيمةَ الأنسب للون مؤشر الإدخال، وتكون هذه القيمة هي currentcolor
في أغلبية الحالات، لكن قد يختار المتصفح لونًا مختلفًا لجعل المؤشر واضحًا، مع الأخذ بالحسبان قيمة currentcolor
ولون الخلفية والظلال وغير ذلك.
القيمة <color>
قيمة لونية تضبِط لون مؤشر الكتابة.
البنية الرسمية
caret-color: auto | <color>;