caret-shape
The caret-shape property specifies the shape of the text input caret.
Experimental โ This feature is experimental and may change
Formal Syntax
auto | bar | block | underscore
JavaScript Access
// Access via element.style
element.style.caretShape = 'auto';
Browser Support
| Feature | Chrome | Firefox | Safari | Edge |
|---|---|---|---|---|
| caret-shape | 144 | โ | โ | 144 |
| auto | 144 | โ | โ | 144 |
| bar | 144 | โ | โ | 144 |
| block | 144 | โ | โ | 144 |
| underscore | 144 | โ | โ | 144 |
Related Properties
- accent-color
- appearance
- caret-color
- cursor
- field-sizing
- pointer-events
- scrollbar-color
- scrollbar-gutter
- scrollbar-width
- touch-action
- user-select
- caret-animation ๐งช
- interactivity ๐งช
- interest-delay ๐งช
- interest-delay-end ๐งช
- interest-delay-start ๐งช
- box-snap ๐ง
- caret ๐ง
- event-trigger ๐ง
- event-trigger-name ๐ง
- event-trigger-source ๐ง
- input-security ๐ง
- line-snap ๐ง
- nav-down ๐ง
- nav-left ๐ง
- nav-right ๐ง
- nav-up ๐ง
- pointer-timeline ๐ง
- pointer-timeline-axis ๐ง
- pointer-timeline-name ๐ง
- slider-orientation ๐ง
- spatial-navigation-action ๐ง
- spatial-navigation-contain ๐ง
- spatial-navigation-function ๐ง