CSS & Design

Interrupteur CSS

Dessine un interrupteur et copie le CSS.

Dans le navigateur

L’interrupteur est dessiné dans cet onglet. Copiez le CSS dans votre feuille de style.

À propos de cet outil

Dessinez un interrupteur et copiez le CSS.

Réglez la largeur de la piste et la couleur active. Le rond se place à droite quand c’est actif et à gauche sinon. Le CSS utilise une piste arrondie et un cercle blanc.

L’aperçu n’envoie pas de formulaire et ne retient pas l’état. Les lecteurs d’écran ne voient pas le dessin comme un interrupteur. Associez-le à un contrôle natif.

Lisez la ligne de confidentialité de cette page avant d’utiliser le résultat en public.

Étapes rapides

  1. Dessinez un interrupteur et copiez le CSS.
  2. Réglez la largeur de la piste et la couleur active. Le rond se place à droite quand c’est actif et à gauche sinon. Le CSS utilise une piste arrondie et un cercle blanc.
  3. L’aperçu n’envoie pas de formulaire et ne retient pas l’état. Les lecteurs d’écran ne voient pas le dessin comme un interrupteur. Associez-le à un contrôle natif.

Lisez la ligne de confidentialité de cette page avant d’utiliser le résultat en public.

FAQ

Dessinez un interrupteur et copiez le CSS.

Réglez la largeur de la piste et la couleur active. Le rond se place à droite quand c’est actif et à gauche sinon. Le CSS utilise une piste arrondie et un cercle blanc.

L’aperçu n’envoie pas de formulaire et ne retient pas l’état. Les lecteurs d’écran ne voient pas le dessin comme un interrupteur. Associez-le à un contrôle natif.

Lisez la ligne de confidentialité de cette page avant d’utiliser le résultat en public.

Une étape utile ensuite

Politiques du site : Confidentialité · Conditions