Karote - CSS-triki | CSS almanahs 2025

caretCSS ir stenogrāfijas īpašums, kas caret-colorun caret-shaperekvizītus apvieno vienā deklarācijā. Tātad, mēs to uzrakstām:

.element ( caret: #ff7a18 underscore; )

... kas ir līdzīgs šī rakstīšanai:

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

Tas ir jauks saīsne, kad vēlaties mainīt sedziņas krāsu un formu. Un kas ir caret, jūs jautājat? Jūs, iespējams, vislabāk pazīstat to, ierakstot rediģējamu elementu, piemēram, teksta ievadi vai textarea. Es ierakstīju šo ziņu programmā WordPress, kas būtībā ir viens milzu formas lauks, un tas ir tas simbols, kuru es redzu mirgot man:

Tātad, iestatot caret-color, teiksim, #ff7a18un caret-shapeuz kaut ko līdzīgu underscore, mēs varētu sagaidīt, ka redzēsim kaut ko līdzīgu:

Sintakse

caret: ||

Sintakse var aizņemt vienu vai otru vērtību ... vai abus! Ja vērtība ir tukša, tiek izmantota tās sākotnējā vērtība, kas attiecas autouz abām sastāvdaļu īpašībām.

Sākotnējais: auto
Attiecas uz: elementiem, kas pieņem ievadi
Mantots: jā
Procenti: n / a
Aprēķinātā vērtība: skatiet atsevišķas īpašības
Animācijas veids: nav animējams

Vērtības

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;

Pārlūkprogrammas atbalsts

Šobrīd nav neviena. Īpašums sākotnēji ir definēts CSS pamata lietotāja saskarnes moduļa 4. līmeņa specifikācijā, kas pašlaik ir redaktora melnrakstā. Tas nozīmē, ka joprojām ir iespējas veikt izmaiņas laikā no brīža līdz brīdim, kad tas kļūst par ieteikumu pārlūkprogrammām ieviest.

Pa to laiku mēs varam šķirot caretīpašumu “viltus” ar kādu citu CSS maģiju.