Царет - ЦСС-трикови

Преглед садржаја

caretу ЦСС је скраћеница имовина која комбинује caret-colorи caret-shapeсвојства у једну декларацију. Дакле, ово морамо написати:

.element ( caret: #ff7a18 underscore; )

... што је слично писању овог:

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

То је лепа пречица када желите да промените боју и облик карате. А шта је брига, питате се? Вероватно вам је најпознатија када га куцате у елемент за уређивање, као што је унос текста или текстуално подручје. Куцам овај пост у ВордПресс-у, који је у основи једно гигантско поље форме, и ово је карата коју видим како ми трепће:

Дакле, постављањем caret-color, рецимо, #ff7a18и caret-shapeна нешто слично underscore, могли бисмо очекивати да видимо нешто попут овога:

Синтакса

caret: ||

Синтакса може узети једну или другу вредност ... или обоје! Ако је вредност празна, тада се користи њена почетна вредност, која се односи autoна оба саставна својства.

Иницијал: auto
Односи се на: елементе који прихватају унос
Наследио: да
Проценти: н / а
Израчуната вредност: погледајте појединачна својства
Тип анимације: није анимиран

Вредности

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;

Подршка прегледача

Тренутно ниједна. Својство је иницијално дефинисано у спецификацији ЦСС Модула основног корисничког интерфејса нивоа 4, која је тренутно у Едитор-овој нацрту. То значи да још увек има простора за промене које треба извршити од сада до када препорука за прегледаче буде примењена.

У међувремену, можемо сортирати caretимовину помоћу неке друге ЦСС магије.