diff --git a/css-ui-4/Overview.bs b/css-ui-4/Overview.bs index c5353cc3f39..410cab64ba5 100644 --- a/css-ui-4/Overview.bs +++ b/css-ui-4/Overview.bs @@ -1079,6 +1079,18 @@ Cursor of the canvas

Insertion caret

+The caret is a visible indicator of the insertion point in an element where text (and potentially other content) is inserted by the user. The properties here control the caret when within the editing host element or mutable form control, such as <{textarea}>. + +Note: UAs might have additional things that count as “carets”. +For example, some UAs can show a “navigation caret”, +which acts similarly to an insertion caret +but can be moved around in non-editable text +and is functionally a caret. +On the other hand, the cursor image shown +when hovering over text when the 'cursor' property is ''cursor/auto'', +or when hovering over an element where the 'cursor' property is ''cursor/text'' or ''cursor/vertical-text'', +though it sometimes resembles a caret, is not a caret (it's a cursor). +

Coloring the Insertion Caret: the 'caret-color' property

@@ -1111,17 +1123,7 @@ Coloring the Insertion Caret: the 'caret-color' property The insertion caret is colored with the specified color. - The caret is a visible indicator of the insertion point in an element where text (and potentially other content) is inserted by the user. This property controls the color of that visible indicator. - - Note: UAs might have additional things that count as “carets”. - For example, some UAs can show a “navigation caret”, - which acts similarly to an insertion caret - but can be moved around in non-editable text - and is functionally a caret. - On the other hand, the cursor image shown - when hovering over text when the 'cursor' property is ''cursor/auto'', - or when hovering over an element where the 'cursor' property is ''cursor/text'' or ''cursor/vertical-text'', - though it sometimes resembles a caret, is not a caret (it's a cursor). + This property controls the color of the caret.
Example: a textarea with