Märk - CSS-trikid | CSS-i almanahh 2025

caretCSS-is on lühike omadus, mis ühendab omadused caret-colorja caret-shapeomadused ühes deklaratsioonis. Niisiis, peame selle kirjutama:

.element ( caret: #ff7a18 underscore; )

... mis sarnaneb selle kirjutamisega:

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

See on kena otsetee, kui soovite muuta vaiba värvi ja kuju. Ja mis on caret, küsite? Ilmselt tunnete seda kõige paremini redigeeritavasse elemendi, näiteks tekstisisestuse või teksti ala sisestamisel. Kirjutan selle postituse WordPressi, mis on põhimõtteliselt üks hiiglaslik vormivälja ja see on silt, mida näen minu poole vilkumas:

Nii caret-coloret kui ütleme näiteks , näiteks #ff7a18ja caret-shapeto underscore, siis võime oodata midagi sellist:

Süntaks

caret: ||

Süntaks võib võtta ühe või teise väärtuse ... või mõlemad! Kui väärtus on tühi, kasutatakse selle algväärtust, mis on automõeldud mõlema koostisomaduse jaoks.

Esialgne: auto
Kehtib elementide jaoks, mis aktsepteerivad sisendit
Päritud: jah
Protsendid: n / a
Arvutatud väärtus: vaadake üksikuid omadusi
Animatsiooni tüüp: pole animeeritav

Väärtused

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;

Brauseri tugi

Praegu pole ühtegi. Atribuut on algselt määratletud CSS-i kasutajaliidese mooduli 4. taseme spetsifikatsioonis, mis on praegu redigeerija mustandis. See tähendab, et praeguseni ja siis, kui sellest saab brauserite rakendamise soovitus, on veel ruumi muudatuste tegemiseks.

Seniks saame caretvara sorteerida "võltsitud" mõne muu CSS-i maagiaga.