caret-shape

The caret-shape CSS property specifies the shape of the caret.

Syntax

CSS

caret-shape: value;

JS

object.style.caretShape = "value";

Values

<'caret-shape'> = auto | bar | block | underscore
auto

Automatically specified by the user agent.

bar

A thin bar placed at the insertion point.

block

A rectangle overlapping the next visible character following the insertion point.

underscore

A thin line under the next visible character following the insertion point.

Initial

auto

Examples

auto

bar

block

underscore

JS

JS

Internal

caret

caret-color

External

World Wide Web Consortium (W3C)

Home Menu