Générateur de rayon de frontière

Contrôlez chaque coin indépendamment et prévisualisez les formes arrondies. Copiez le CSS raccourci ou long du rayon de bordure.

Border Radius Generator

Live

Link all corners

All corners24px

CSS output

border-radius: 24px;

Key capabilities

Contrôlez chaque coin indépendamment et prévisualisez les formes arrondies avec du CSS prêt à copier.
S'exécute dans votre navigateur
Utilisation gratuite

Mode d'emploi

Faites glisser chaque rayon de coin.
Déverrouillez éventuellement les coins liés.
Copiez le CSS border-radius.

How this tool works

Faites glisser chaque rayon de coin.
Déverrouillez éventuellement les coins liés.
Copiez le CSS border-radius.

Recommended settings

Utilisez d'abord les options par défaut, puis ajustez si nécessaire

Supported formats

Text / on-page input

File size and limits

Les aperçus multicouches très complexes peuvent sembler plus lents sur les téléphones plus anciens.

Privacy

Les générateurs de couleurs et CSS fonctionnent entièrement dans votre navigateur. Les aperçus et les conversions ne téléchargent jamais vos styles.

Common use cases

Utilisez Border Radius Generator chaque fois que vous en avez besoin : contrôlez chaque coin indépendamment et prévisualisez les formes arrondies avec du CSS prêt à copier.

Troubleshooting

L'aperçu est différent après le collage

Vérifiez les CSS concurrents sur votre page (réinitialisations, couleurs héritées). Copiez d'abord la règle générée dans une feuille de style isolée.

FAQ

Est-ce que cela télécharge mon CSS ?

Non. Les générateurs et les convertisseurs s'exécutent dans votre navigateur avec un aperçu en direct.

Ai-je besoin d'un compte ?

Non. Ouvrez l'outil, modifiez les contrôles et copiez le CSS.