caret-shape - Propriété CSS
Résumé des caractéristiques de la propriété caret-shape
auto
| bar
| block
| underscore
auto
caret-shape
passe d'une valeur à l'autre sans transition.Schéma syntaxique de caret-shape
.
caret-shape
Les liens du schéma donnent accès à plus de détails
Télécharger le schéma en SVG
Description.
caret-color
est quant à elle bien reconnue.
La propriété CSS caret-shape
définit la forme du marqueur de texte, c'est à dire le
curseur clignotant qui apparait lorsqu'on a cliqué dans une zone de saisie.
Le curseur associé à la souris n'est pas impacté par cette propriété.
Reportez-vous également à la propriété résumée caret
qui permet de définir en une écriture unique la couleur et la forme du curseur de texte.
Syntaxes pour caret-shape
.
- caret-shape: auto;
La forme du marqueur de texte est déterminée par le navigateur, en fonction du contexte. Par exemple la saisie en mode insertion correspond normalement à un marqueur de texte du type trait vertical clignotant, tandis que la saisie en remplacement correspond à un marqueur de forme rectangulaire (pavé).
- caret-shape: bar;
Le marqueur de texte a la forme d'une mince barre verticale, positionnée à l'endroit où le caractère saisi va apparaître. Ce marqueur ne se superpose jamais à un caractère déjà saisi : il correspond à une saisie par insertion.
Le marqueur de texte peut éventuellement s'incliner lorsque la saisie se fait en caractères italiques ou obliques.
- caret-shape: block;
Le marqueur de texte a la forme d'un rectangle superposé à un des caractères déjà saisi. Ce marqueur correspond à une une saisie en remplacement.
Ce marqueur de texte peut éventuellement s'incliner lorsque la saisie se fait en caractères italiques ou obliques.
- caret-shape: underscore;
Le marqueur de texte a la forme d'une petite barre horizontale, positionnée en dessous de la ligne de texte.
- caret-shape:
initial
; caret-shape:inherit
; caret-shape:revert
; caret-shape:revert-layer
; caret-shape:unset
;La valeur initiale est :
.auto
Animation de caret-shape
.
La propriété caret-shape
peut être animée, d'après la norme CSS, mais cela présente peu d'intérêt (à notre avis).
Exemple interactif.
Pour que le marqueur de texte apparaisse, vous devrez cliquer dans la zone de saisie.
La propriété caret-shape est-elle bien prise en charge ?
La propriété caret-shape est nouvelle : très peu de navigateurs la prennent en charge (2022).
Voir aussi, dans le même module de standardisation que caret-shape
.
Les spécifications CSS éditées par le W3C sont organisées en modules. caret-shape
fait partie du Module CSS - Interface utilisateur de base (CSS Basic User Interface Module ). Les définitions suivantes sont également décrites dans ce même module.