---
title: "Bord arrondi : arrondir les coins d'un élément"
description: "Arrondissez les coins d'un élément avec un préréglage, un arrondi global personnalisé ou une valeur différente pour chaque coin."
url: https://docs.vivlab.com/editor/style/border-radius
---

# Bord arrondi

Utilisez **Bord arrondi** pour arrondir les coins d'un élément. Choisissez un réglage proposé, saisissez une valeur pour tous les coins ou réglez chaque coin séparément. Cette valeur s'appelle le **rayon** : plus elle est grande, plus le coin est arrondi.

<DocsScreenshot name="editor-radius-presets" alt="Les arrondis prédéfinis, de Aucun à Plein." :width="339" :height="323" />

## Arrondis prédéfinis

Le sélecteur **Arrondis prédéfinis** propose six valeurs prêtes à l'emploi :

- **Aucun** : coins droits.
- **Petit** : coins légèrement arrondis (12 px).
- **Moyen** : arrondi modéré (24 px).
- **Grand** : arrondi marqué (48 px).
- **Très grand** : arrondi prononcé (64 px).
- **Plein** : arrondi complet, transforme un carré en cercle.

Choisir un préréglage applique la même valeur aux quatre coins.

## L'arrondi des coins

Pour un arrondi global personnalisé, déplacez le curseur **L'arrondi des coins** entre 0 et 500 pixels.

## Modifier chaque coin

Cliquez sur **Modifier chaque coin** pour déplier les quatre curseurs individuels :

- **Coin haut gauche**
- **Coin haut droite**
- **Coin bas droite**
- **Coin bas gauche**

Utile pour créer une carte avec uniquement le haut arrondi (haut gauche et haut droite) et un bas droit, ou pour des effets graphiques type « pétale » ou « onglet ».

## Réinitialiser

Le bouton **Réinitialiser les paramètres** efface tous les arrondis et revient à des coins droits.