Caret - CSS-trikovi | CSS Almanah 2025

caretCSS je Kratica svojstva koja kombinira caret-colori caret-shapesvojstva u jednu izjavu. Dakle, ovo moramo napisati:

.element ( caret: #ff7a18 underscore; )

... što je slično pisanju ovoga:

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

To je lijep prečac kada želite promijeniti boju i oblik karata. A što je briga, pitate se? Vjerojatno vam je najpoznatija kada ga upisujete u element koji se može uređivati, poput unosa teksta ili tekstualnog područja. Utipkam ovaj post u WordPressu, koji je u osnovi jedno divovsko polje oblika, i ovo je karata koju vidim kako mi trepće:

Dakle, postavljanjem caret-color, recimo, #ff7a18i caret-shapena nešto slično underscore, mogli bismo očekivati da vidimo nešto poput ovoga:

Sintaksa

caret: ||

Sintaksa može imati jednu ili drugu vrijednost ... ili oboje! Ako je vrijednost prazna, tada se koristi njena početna vrijednost, koja se odnosi autona oba sastavna svojstva.

Inicijal: auto
Odnosi se na: elemente koji prihvaćaju unos
Naslijeđeno: da
Postoci: n / a
Izračunata vrijednost: pogledajte pojedinačna svojstva
Vrsta animacije: nije animirana

Vrijednosti

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;

Podrška preglednika

Trenutno nijedna. Svojstvo je u početku definirano u specifikaciji CSS modula osnovnog korisničkog sučelja razine 4, koja je trenutno u Editorovoj skici. To znači da još uvijek ima mjesta za promjene između sada i kada to postane preporuka za preglednike za primjenu.

U međuvremenu možemo sortirati "lažno" caretsvojstvo nekom drugom CSS magijom.