You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Властивість CSS **`caret-color`** (колір каретки) задає колір **каретки вставлення**, видимого маркера в місці, куди буде вставлено наступний набраний символ. Його іноді називають **курсором текстового введення**. Каретка з'являється в елементах штибу {{HTMLElement("input")}} або тих, що мають атрибут [`contenteditable`](/uk/docs/Web/HTML/Global_attributes#contenteditable). Зазвичай вона є тонкою вертикальною лінією, яка блимає, щоб бути більш помітною. Усталено вона чорна, але її колір можна змінити за допомогою цієї властивості.
10
+
Властивість [CSS](/uk/docs/Web/CSS)**`caret-color`** (колір каретки) задає колір **каретки вставлення**, видимого маркера в місці, куди буде вставлено наступний набраний символ. Його іноді називають **курсором текстового введення**. Каретка з'являється в елементах штибу {{HTMLElement("input")}} або тих, що мають атрибут [`contenteditable`](/uk/docs/Web/HTML/Global_attributes#contenteditable). Зазвичай вона є тонкою вертикальною лінією, яка блимає, щоб бути більш помітною. Усталено вона чорна, але її колір можна змінити за допомогою цієї властивості.
- : Користувацький агент обирає відповідний колір для каретки. Зазвичай це {{cssxref("<color>","currentcolor","#kliuchove-slovo-currentcolor")}}, але користувацький агент може обрати інший колір, щоб забезпечити хорошу видимість і контрастність щодо навколишнього вмісту, враховуючи значення `currentcolor`, фон, тіні та інші чинники.
43
43
44
-
>**Примітка:** Попри те, що користувацькі агенти можуть використовувати значення `currentcolor` (яке зазвичай анімується) для значення `auto`, `auto` не інтерполюється в переходах та анімаціях.
44
+
> [!NOTE]
45
+
> Попри те, що користувацькі агенти можуть використовувати значення `currentcolor` (яке зазвичай анімується) для значення `auto`, `auto` не інтерполюється в переходах та анімаціях.
45
46
46
47
- {{cssxref("<color>")}}
47
48
- : Колір каретки.
@@ -103,4 +104,4 @@ p.custom {
103
104
- Елемент {{HTMLElement("input")}}
104
105
- Атрибут HTML [`contenteditable`](/uk/docs/Web/HTML/Global_attributes#contenteditable), завдяки якому можна зробити редаговним текст будь-якого елемента
105
106
- Тип даних {{cssxref("<color>")}}
106
-
- Інші властивості, пов'язані з кольором: {{cssxref("color")}}, {{cssxref("background-color")}}, {{cssxref("border-color")}}, {{cssxref("outline-color")}}, {{cssxref("text-decoration-color")}}, {{cssxref("text-emphasis-color")}}, {{cssxref("text-shadow")}}, {{cssxref("caret-color")}} і {{cssxref("column-rule-color")}}
107
+
- Інші властивості, пов'язані з кольором: {{cssxref("color")}}, {{cssxref("background-color")}}, {{cssxref("border-color")}}, {{cssxref("outline-color")}}, {{cssxref("text-decoration-color")}}, {{cssxref("text-emphasis-color")}}, {{cssxref("text-shadow")}} і {{cssxref("column-rule-color")}}
0 commit comments