Caret - CSS-trükkök | CSS Almanach 2025

careta CSS-ben egy rövidített tulajdonság, amely a caret-colorés caret-shapetulajdonságokat egyetlen deklarációban egyesíti . Tehát ezt kell megírnunk:

.element ( caret: #ff7a18 underscore; )

… Ami ehhez hasonló:

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

Ez egy jó parancsikon, amikor meg akarja változtatni a szőnyeg színét és alakját. És mi az a karet, kérdezed? Valószínűleg akkor ismeri a legjobban, amikor szerkeszthető elembe írja be, például szövegbevitel vagy szövegmező. Beírom ezt a bejegyzést a WordPress-be, amely alapvetően egy óriási formanyomtatvány, és ez az a vázlat, amelyet látok rám villogni:

Tehát azzal, hogy beállítjuk a caret-colorto, mondjuk, #ff7a18és a caret-shapeto-t, ilyesmire underscoreszámíthatunk:

Szintaxis

caret: ||

A szintaxis vehet egy vagy másik értéket ... vagy mindkettőt! Ha egy érték üres, akkor a kezdeti értéket használjuk, amely automindkét alkotó tulajdonságra vonatkozik.

A kezdeti: auto
A következőkre vonatkozik: olyan elemek, amelyek elfogadják a bemenetet
Örökölt: igen
Százalékok: n / a
Számított érték: lásd az egyes tulajdonságokat
Animáció típusa: nem animálható

Értékek

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;

Böngésző támogatás

Jelenleg egyik sem. A tulajdonságot eredetileg a CSS Basic felhasználói felület modul 4. szintű specifikációja határozza meg, amely jelenleg a Szerkesztő piszkozatában található. Ez azt jelenti, hogy még mindig van mit változtatni ezen időpont között, és amikor ez a böngészők számára ajánlássá válik.

Addig szétválogathatjuk az caretingatlant más CSS varázslatokkal.