Облик карета - ЦСС-трикови

Anonim

caret-shapeИмовина у ЦСС мења облик текста курсора унутар уређивати елемената који указују корисник куца. Део је ЦСС модула основног корисничког интерфејса нивоа 4, који је тренутно у статусу Радна скица.

Док пишем, карата је мала трепћућа трака која прати сваки знак који укуцам.

Ту caret-shapeтраку можемо променити у нешто друго, рецимо у блок:

.element ( caret-shape: block; )

То ће произвести карету која је сличнија ономе што бисте могли видети када куцате у командној линији:

Синтакса

caret-shape: auto | bar | block | underscore
  • Почетна вредност: auto
  • Односи се на: елементе који прихватају унос
  • Наследио: да
  • Проценти: н / а
  • Израчуната вредност: наведена кључна реч
  • Тип анимације: према израчунатој вредности

Вредности

caret-shape: auto; caret-shape: bar; caret-shape: block; caret-shape: underscore;

Тренутно немамо пуно подршке за прегледаче caret-shape(погледајте доле), али ево приказа тих вредности.

caret-shape: bar;
caret-shape: block;
caret-shape: underscore;

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

Чини се да ниједан податак није доступан у програму Цаниусе, али са брзим тестирањем ево шта сам пронашао:

ИЕ Ивица Фирефок Хром Сафари Опера
Не Не Не Не Не Све
Андроид Цхроме Андроид Фирефок Андроид претраживач иОС Сафари Опера Мобиле
Не Не Не Не Не

Можемо ово „лажирати“

Иако је подршка за прегледач таква каква јесте, заправо можемо да поновимо ефекат са другом ЦСС магијом.

То се врста ствари користи на овој анимацији писаћих машина:

Више информација

  • ЦСС модул основног корисничког интерфејса ниво 4 (радни нацрт)

Повезана својства

Алманах 27. јануара 2021

царет

.element ( caret: #ff7a18 underscore; ) Цхрис Цоииер