Kareta - CSS-triki | Almanah CSS 2025

caretv CSS je okrajšana lastnost, ki združuje lastnosti caret-colorin caret-shapev eno izjavo. Torej, to moramo napisati:

.element ( caret: #ff7a18 underscore; )

… Kar je podobno pisanju tega:

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

To je lepa bližnjica, če želite spremeniti barvo in obliko kalete. In kaj je kareta, vprašate? Verjetno ga najbolj poznate, ko vtipkate element, ki ga je mogoče urejati, na primer vnos besedila ali besedilno območje. To objavo vtipkam v WordPress, ki je v bistvu eno velikansko polje obrazca, in to je kareta, ki mi jo utripa:

Torej, če nastavimo caret-colorna, recimo, #ff7a18in caret-shapena nekaj takega underscore, lahko pričakujemo, da bomo videli nekaj takega:

Sintaksa

caret: ||

Sintaksa ima lahko eno ali drugo vrednost ... ali oboje! Če je vrednost prazna, se uporabi njena začetna vrednost, ki velja autoza obe sestavni lastnosti.

Začetno: auto
Velja za: elemente, ki sprejemajo vnos
Podedovano: da
Odstotki: n / a
Izračunana vrednost: glej posamezne lastnosti
Vrsta animacije: ni animirana

Vrednote

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 brskalnika

Trenutno nobene. Lastnost je prvotno definirana v specifikaciji modula CSS Basic User Interface Level 4, ki je trenutno v Editorjevem osnutku. To pomeni, da je še vedno prostora za spremembe od zdaj do takrat, ko brskalniki postanejo priporočilo za izvedbo.

Medtem lahko caretlastnost nekako "ponaredimo" s kakšno drugo čarovniško CSS.