Skip to content

Commit 2027968

Browse files
committed
update(CSS): web/css/caret-color
1 parent b83481a commit 2027968

File tree

1 file changed

+4
-3
lines changed

1 file changed

+4
-3
lines changed

files/uk/web/css/caret-color/index.md

+4-3
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ browser-compat: css.properties.caret-color
77

88
{{CSSRef}}
99

10-
Властивість 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). Зазвичай вона є тонкою вертикальною лінією, яка блимає, щоб бути більш помітною. Усталено вона чорна, але її колір можна змінити за допомогою цієї властивості.
1111

1212
{{EmbedInteractiveExample("pages/css/caret-color.html")}}
1313

@@ -41,7 +41,8 @@ caret-color: unset;
4141

4242
- : Користувацький агент обирає відповідний колір для каретки. Зазвичай це {{cssxref("<color>","currentcolor","#kliuchove-slovo-currentcolor")}}, але користувацький агент може обрати інший колір, щоб забезпечити хорошу видимість і контрастність щодо навколишнього вмісту, враховуючи значення `currentcolor`, фон, тіні та інші чинники.
4343

44-
> **Примітка:** Попри те, що користувацькі агенти можуть використовувати значення `currentcolor` (яке зазвичай анімується) для значення `auto`, `auto` не інтерполюється в переходах та анімаціях.
44+
> [!NOTE]
45+
> Попри те, що користувацькі агенти можуть використовувати значення `currentcolor` (яке зазвичай анімується) для значення `auto`, `auto` не інтерполюється в переходах та анімаціях.
4546

4647
- {{cssxref("<color>")}}
4748
- : Колір каретки.
@@ -103,4 +104,4 @@ p.custom {
103104
- Елемент {{HTMLElement("input")}}
104105
- Атрибут HTML [`contenteditable`](/uk/docs/Web/HTML/Global_attributes#contenteditable), завдяки якому можна зробити редаговним текст будь-якого елемента
105106
- Тип даних {{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

Comments
 (0)