# Générateur de Rayon de Bordure CSS

Génère des propriétés de rayon de bordure CSS

> Page canonique: https://elysiatools.com/fr/tools/border-radius-generator

- **Catégorie:** Design

- **Mots-clés:** css, border-radius, rayon, coin, générateur, style

## Présentation

Notre générateur de rayon de bordure CSS vous permet de créer facilement des coins arrondis pour vos éléments web en ajustant précisément les valeurs de chaque angle.

## Entrées

- **Rayon Uniforme** (checkbox)
- **Supérieur Gauche (px)** (range)
- **Supérieur Droit (px)** (range)
- **Inférieur Droit (px)** (range)
- **Inférieur Gauche (px)** (range)

## Quand l'utiliser

- Pour styliser rapidement des boutons ou des cartes avec des coins arrondis personnalisés.
- Pour créer des formes asymétriques complexes en modifiant individuellement chaque coin.
- Pour obtenir instantanément le code CSS correspondant sans avoir à tester manuellement les valeurs dans votre éditeur.

## Fonctionnement

- Ajustez les curseurs pour définir le rayon en pixels pour chaque coin (supérieur gauche, supérieur droit, inférieur droit, inférieur gauche).
- Activez l'option 'Rayon Uniforme' si vous souhaitez appliquer la même valeur à l'ensemble des quatre coins simultanément.
- Copiez le code CSS généré automatiquement et collez-le directement dans votre feuille de style.

## Cas d'usage

- Conception d'interfaces utilisateur (UI) avec des cartes aux coins arrondis modernes.
- Création de boutons d'appel à l'action (CTA) personnalisés pour améliorer le taux de conversion.
- Développement de composants web nécessitant des formes spécifiques comme des pilules ou des cercles.

## Questions fréquentes

### Le code généré est-il compatible avec tous les navigateurs ?

Oui, la propriété 'border-radius' est supportée par tous les navigateurs web modernes.

### Puis-je définir des valeurs différentes pour chaque coin ?

Absolument, vous pouvez ajuster chaque curseur indépendamment pour créer des formes uniques.

### Quelle est l'unité utilisée par cet outil ?

L'outil utilise les pixels (px) pour définir la courbure des bordures.

### Comment appliquer le résultat à mon site ?

Copiez simplement la ligne de code CSS fournie et insérez-la dans la classe CSS de votre élément HTML.

### L'outil est-il gratuit ?

Oui, cet outil est entièrement gratuit et ne nécessite aucune inscription.

## Outils associés

- [Générateur d'Animation CSS](https://elysiatools.com/fr/tools/animation-generator): Génère des images clés et des propriétés d'animation CSS
- [Générateur de Filtre d'Arrière-plan CSS](https://elysiatools.com/fr/tools/backdrop-filter-generator): Génère des propriétés de filtre d'arrière-plan CSS pour les effets de verre givré
- [Générateur d'Ombre de Boîte CSS](https://elysiatools.com/fr/tools/box-shadow-generator): Génère des propriétés d'ombre de boîte CSS
- [Générateur de Chemin de Découpe CSS](https://elysiatools.com/fr/tools/clip-path-generator): Génère des propriétés de chemin de découpe CSS pour des formes personnalisées
- [Générateur de Filtres CSS](https://elysiatools.com/fr/tools/css-filter-generator): Génère des propriétés de filtre CSS
- [Générateur de Transformation CSS](https://elysiatools.com/fr/tools/transform-generator): Génère des propriétés de transformation CSS
- [Générateur de dégradé de couleurs](https://elysiatools.com/fr/tools/color-gradient-generator): Génère des dégradés de couleurs fluides entre plusieurs couleurs avec des étapes et formats personnalisables
- [Générateur de couleur](https://elysiatools.com/fr/tools/color-generator): Génère des couleurs aléatoires et des palettes de couleurs

## Exemples

- [Echantillons CSS](https://elysiatools.com/fr/samples/css-viewer-samples): Fichiers d exemple pour la visionneuse CSS dans le navigateur
- [Exemples du Framework CSS Bulma](https://elysiatools.com/fr/samples/bulma): Exemples du framework CSS Bulma incluant les colonnes, composants, contrôles de formulaire, système de mise en page et modèles de conception modernes basés sur CSS
- [Exemples de Sélecteurs CSS](https://elysiatools.com/fr/samples/css-selectors): Collection d'exemples de sélecteurs CSS pour les tests d'extraction et d'analyse
- [Exemples du Framework CSS Milligram](https://elysiatools.com/fr/samples/milligram): Exemples du framework CSS Milligram incluant la typographie, les formulaires, les grilles et les composants

## Contenu associé

- [Workflow de systeme coloré et d'effets CSS](https://elysiatools.com/fr/hubs/design-generate): Extraire une palette, construire des relations accessibles, générer des tokens et appliquer des effets CSS cohérents sur de vrais états d'interface.