Les outils de développeur que vous utilisez chaque jour, tous au même endroit.

Convertisseurs, formateurs, hash, validateurs et les petits utilitaires que vous rouvrez sans cesse restent réunis au lieu de se perdre entre vos onglets.

GitHub

/ Outils

■

/ Chercheur d'outils

109 outils

/ Générateur de border-radius

Unité

Préréglages

Lier tous les coins

En haut à gauche: 12px

En haut à droite: 12px

En bas à gauche: 12px

En bas à droite: 12px

Couleur d'aperçu

Taille d'aperçu: 150px

Aperçu

Code CSS

Propriétés individuelles des coins

Classe Tailwind

/ Outil sélectionné

■

Générateur de border-radius - outil de génération gratuit

Générateur visuel de border-radius CSS avec contrôle individuel des coins

■ 01

Qu'est-ce que la propriété CSS border-radius ?

La propriété CSS border-radius arrondit les coins du bord extérieur d'un élément. Vous pouvez attribuer la même valeur aux quatre coins ou spécifier des valeurs différentes pour chaque coin afin de créer des formes uniques.

■ 02

Comment ça marche ?

Le rayon de bordure peut être spécifié avec 1 à 4 valeurs. Avec 1 valeur, tous les coins sont identiques. Avec 2 valeurs, la première s'applique en haut à gauche/bas à droite et la seconde en haut à droite/bas à gauche. Avec 3 valeurs : haut à gauche, haut-…

■ 03

Exemples de cas

Couvre Tous les coins identiques, Forme pilule et Coins différents pour comparer rapidement les entrées et sorties courantes.

/ Outils associés

/ Code

■

Code source de l'outil sélectionné, affiché ici à côté de la version en direct sur la droite.

/ Code source

TypeScript

typescript

// No external dependencies needed - generates CSS border-radius strings

interface BorderRadius {
  topLeft: number;
  topRight: number;
  bottomRight: number;
  bottomLeft: number;
  unit: 'px' | '%' | 'rem';
}