Caret - CSS-temppuja

Sisällysluettelo

caretCSS: ssä on lyhytominaisuus, joka yhdistää caret-colorja caret-shapeominaisuudet yhdeksi ilmoitukseksi. Joten meidän täytyy kirjoittaa tämä:

.element ( caret: #ff7a18 underscore; )

… Joka muistuttaa tämän kirjoittamista:

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

Se on mukava pikakuvake, kun haluat muuttaa sävyn väriä ja muotoa. Ja mikä on caret, kysyt? Todennäköisesti tunnet sen nähdessäsi, kun kirjoitat muokattavaan elementtiin, kuten tekstinsyöttöön tai tekstialueeseen. Kirjoitan tämän viestin WordPressiin, joka on pohjimmiltaan yksi jättiläinen lomakekenttä, ja tämä on caret, jonka näen vilkkuvan minulle:

Joten asettamalla caret-colorsanan, #ff7a18ja ja caret-shapevastaavan underscore, voimme odottaa näkevämme jotain tällaista:

Syntaksi

caret: ||

Syntaksi voi viedä yhden tai toisen arvon ... tai molemmat! Jos arvo on tyhjä, käytetään sen alkuperäistä arvoa, joka autokoskee molempia komponenttiominaisuuksia.

Varhainen: auto
Koskee elementtejä, jotka hyväksyvät syötteen
Peritty: kyllä
Prosenttiosuudet: n / a
Laskettu arvo: katso yksittäiset ominaisuudet
Animaatiotyyppi: ei animoitava

Arvot

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;

Selaimen tuki

Ei tällä hetkellä. Ominaisuus määritellään alun perin CSS Basic User Interface Module Level 4 -määrityksessä, joka on tällä hetkellä Editorin luonnoksessa. Tämä tarkoittaa, että muutosten tekemiseen on vielä tilaa sen jälkeen, kun siitä tulee suositus selainten toteuttamiseksi.

Sillä välin voimme lajitella "väärennetyn" caretomaisuuden jonkin muun CSS-taian kanssa.