Élément de bouton interactif
Button style properties
Ces propriétés définissent l’apparence et le comportement de votre bouton interactif, y compris les couleurs, le style de bordure et l’arrondi des coins.
Paramètres de style de bouton
| Propriété | Description |
|---|---|
| Couleur du bouton | Sélectionnez la couleur d’arrière-plan du bouton. Vous pouvez choisir une couleur fixe, dégradé (deux ou trois couleurs), texture, ou motif. Voir Utilisation du sélecteur de couleur pour plus d’options. |
| Couleur du bouton en focus | Sélectionnez la couleur d’arrière-plan lorsque le bouton devient actif ou focalisé. Les mêmes options de couleur s’appliquent que pour la Couleur du bouton. |
| Pointeur de souris | Spécifiez l’icône du pointeur de souris affichée lors du survol du bouton (par exemple, pointeur par défaut, main). |
| Largeur de bordure | Définissez l’épaisseur de la bordure en pixels. La bordure est dessinée à l’intérieur de la limite du bouton. |
| Rayon des coins | Créez des coins arrondis pour la bordure du bouton. Une valeur plus élevée donne des coins plus arrondis. |
Remarques
- La bordure est toujours dessinée à l’intérieur des limites de l’élément.
- L’ajout d’une bordure n’affecte pas la taille globale de l’élément mais réduit l’espace interne, ce qui peut affecter le texte ou l’image affichés.
- Utilisez Couleur du bouton en focus pour fournir un retour visuel lorsque les utilisateurs interagissent avec le bouton (par exemple, lorsqu’il est cliqué ou sélectionné par tabulation).
Conseil
- Utilisez des coins arrondis et des couleurs dégradées pour un design de bouton moderne et visuellement attrayant.
- Des styles de boutons cohérents dans votre présentation améliorent l’utilisabilité et la cohérence esthétique.