Stříška - Triky CSS | Almanach CSS 2025

caretv CSS je zkratková vlastnost, která kombinuje vlastnosti caret-colora caret-shapedo jediné deklarace. Takže musíme napsat toto:

.element ( caret: #ff7a18 underscore; )

… Což se podobá psaní tohoto:

.element ( caret-color: #ff7a18; caret-shape: underscore; )

To je pěkná zkratka, pokud chcete změnit barvu a tvar stříšky. A co je to stříška, ptáte se? Pravděpodobně jste nejznámější, když jste jeden viděli při psaní do upravitelného prvku, jako je například zadávání textu nebo textová oblast. Tento příspěvek píšu na WordPress, což je v podstatě jedno obří pole formuláře, a to je stříška, kterou na mě bliká:

Nastavením caret-colorřekněme na #ff7a18a caret-shapena něco podobného underscorebychom tedy mohli očekávat, že uvidíme něco takového:

Syntax

caret: ||

Syntaxe může mít jednu nebo jinou hodnotu ... nebo obojí! Pokud je hodnota prázdná, použije se její počáteční hodnota, která je autopro obě základní vlastnosti.

Počáteční: auto
Platí pro: prvky, které přijímají vstup
Zděděno: ano
Procenta: n / a
Vypočítaná hodnota: viz jednotlivé vlastnosti
Typ animace: nelze animovat

Hodnoty

caret: #ff7a18 underscore; caret: yellow block; caret: hsla(50, 100%, 50%, 0.75) bar; /* Keyword color values */ caret: auto; caret: transparent block; caret: currentcolor underscore; /* Global values */ caret: inherit; caret: initial; caret: unset;

Podpora prohlížeče

V tuto chvíli žádný. Vlastnost je zpočátku definována ve specifikaci CSS Basic User Interface Module úrovně 4, která je aktuálně v konceptu editora. To znamená, že stále existuje prostor pro změny, které je třeba provést od nynějška do okamžiku, kdy se stane doporučením pro implementaci prohlížečů.

Mezitím můžeme caretvlastnost „falešně“ roztřídit pomocí nějaké další magie CSS.