Striechka - Triky CSS | Almanach CSS 2025

caretv CSS je vlastnosť skratky, ktorá kombinuje vlastnosti caret-colora caret-shapedo jednej deklarácie. Takže musíme napísať toto:

.element ( caret: #ff7a18 underscore; )

... čo sa podobá napísaniu tohto:

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

Je to príjemná skratka, ak chcete zmeniť farbu a tvar striech. A čo je to kurzor, pýtate sa? Pravdepodobne to poznáte asi pri písaní do editovateľného prvku, ako je napríklad zadávanie textu alebo textová oblasť. Tento príspevok píšem na WordPress, čo je v podstate jedno obrovské pole formulára a toto je kurzor, ktorý na mňa bliká:

Nastavením caret-colorpovedzme na #ff7a18a caret-shapena niečo podobné underscoreby sme teda mohli očakávať, že sa niečo také zobrazí:

Syntax

caret: ||

Syntax môže mať jednu alebo inú hodnotu ... alebo obe! Ak je hodnota prázdna, použije sa jej počiatočná hodnota, ktorá je autopre obe základné vlastnosti.

Počiatočné: auto
Vzťahuje sa na: prvky, ktoré prijímajú vstupy
Zdedené: áno
Percentá: n / a
Vypočítaná hodnota: pozri jednotlivé vlastnosti
Typ animácie: nie je animovateľný

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 prehliadača

Momentálne žiadny. Vlastnosť je pôvodne definovaná v špecifikácii modulu základnej úrovne používateľského rozhrania CSS úrovne 4, ktorá je momentálne v koncepte editora. To znamená, že stále existuje priestor pre zmeny, ktoré sa majú vykonať odteraz, až kým sa nestane odporúčaním pre implementáciu prehľadávačov.

Medzitým môžeme caretnehnuteľnosť roztriediť pomocou inej magie CSS.