Bordure arrondie CSS

Bordure arrondie CSS

border-radius La propriété est utilisée pour ajouter des bordures arrondies aux éléments :

Bordure standard

Bordures arrondies

Bordures arrondies

Bordures arrondies

Exemple

p {
  border: 2px solid red;
  border-radius: 5px;
}

Essayez-le vous-même

Plus d'exemples

Toutes les propriétés de la bordure supérieure dans une déclaration
cet exemple montre les propriétés abrégées, utilisées pour définir toutes les propriétés de la bordure supérieure en une seule déclaration.
Définir le style de la bordure inférieure
cet exemple montre comment définir le style de la bordure inférieure.
Définir la largeur du bord gauche
Cet exemple montre comment définir la largeur du bord gauche.
Définir la couleur des quatre bords
Cet exemple montre comment définir la couleur des quatre bords. Elle peut avoir une à quatre couleurs.
Définir la couleur du bord droit
Cet exemple montre comment définir la couleur du bord droit.

Toutes les propriétés CSS des bords

Propriété Description
border Propriété abrégée, définir toutes les propriétés des bords en une seule déclaration.
border-color Propriété abrégée, définir la couleur des quatre bords.
border-radius Propriété abrégée, permet de définir tous les quatre border-*-radius.
border-style Propriété abrégée, définir le style des quatre bords.
border-width Propriété abrégée, définir la largeur des quatre bords.
border-bottom Propriété abrégée, définir toutes les propriétés du bord inférieur en une seule déclaration.
border-bottom-color Définir la couleur du bord inférieur.
border-bottom-style Définir le style du bord inférieur.
border-bottom-width Définir la largeur du bord inférieur.
border-left Propriété abrégée, définir toutes les propriétés du bord gauche en une seule déclaration.
border-left-color Définir la couleur du bord gauche.
border-left-style Définir le style du bord gauche.
border-left-width Définir la largeur du bord gauche.
border-right Propriété abrégée, définir toutes les propriétés du bord droit en une seule déclaration.
border-right-color Définir la couleur du bord droit.
border-right-style Définir le style du bord droit.
border-right-width Définir la largeur du bord droit.
border-top Propriété abrégée, définir toutes les propriétés du bord supérieur en une seule déclaration.
border-top-color Définir la couleur du bord supérieur.
border-top-style Définir le style du bord supérieur.
border-top-width Définir la largeur du bord supérieur.