caret-shapeĪpašums CSS maina formu teksta kursora iekšpusē rediģējamu elementiem, kas norāda lietotājs ir rakstīt. Tā ir daļa no CSS pamata lietotāju saskarņu 4. līmeņa moduļa, kas pašlaik ir darba melnraksta statusā.
Rakstot, caret ir maza mirgojoša josla, kas seko katram rakstzīmei, kuru es rakstīju.
Mēs varam izmantot, caret-shapelai mainītu šo joslu uz kaut ko citu, piemēram, bloku:
.element ( caret-shape: block; )Tas radīs kareti, kas vairāk līdzinās tai, ko jūs varētu redzēt, ierakstot komandrindā:
Sintakse
caret-shape: auto | bar | block | underscore- Sākotnējā vērtība:
auto - Attiecas uz: elementiem, kas pieņem ievadi
- Mantots: jā
- Procenti: n / a
- Aprēķinātā vērtība: norādītais atslēgvārds
- Animācijas veids: pēc aprēķinātās vērtības
Vērtības
caret-shape: auto; caret-shape: bar; caret-shape: block; caret-shape: underscore;caret-shapePašlaik mums nav daudz pārlūka atbalsta (skat. Zemāk), bet šeit ir šo vērtību atveidojums.
caret-shape: bar;
caret-shape: block;
caret-shape: underscore;
Pārlūkprogrammas atbalsts
Izskatās, ka Caniuse nav pieejami kādi dati, taču, veicot ātru pārbaudi, es to atradu:
| IE | Mala | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|---|
| Nē | Nē | Nē | Nē | Nē | Viss |
| Android Chrome | Android Firefox | Android pārlūks | iOS Safari | Opera Mobile |
|---|---|---|---|---|
| Nē | Nē | Nē | Nē | Nē |
Mēs to varam “viltot”
Kaut arī pārlūka atbalsts ir tāds, kāds tas ir, mēs faktiski varam atkārtot efektu ar citu CSS maģiju.
Šāda veida lieta tiek izmantota šajā rakstāmmašīnas animācijā:
Vairāk informācijas
- CSS lietotāja pamata saskarnes 4. modulis (darba melnraksts)
Saistītās īpašības
Almanahs 2021. gada 27. janvārīcaret
.element ( caret: #ff7a18 underscore; ) 
Kriss Koijers