CSS Bordures Arrondies

Bordures Arrondies CSS

La propriété border-radius est utilisée pour ajouter des bordures arrondies à un élément :

Bordure normale

Bordure arrondie

Bordure plus arrondie

Bordure la plus arrondie

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

Toutes les propriétés de bordure supérieure en une déclaration
Cet exemple illustre une propriété abrégée 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 de la bordure gauche
Cet exemple montre comment définir la largeur de la bordure gauche.

Définir la couleur des quatre bordures
Cet exemple montre comment définir la couleur des quatre bordures. Elle peut avoir de une à quatre couleurs.

Définir la couleur de la bordure droite
Cet exemple montre comment définir la couleur de la bordure droite.

Propriété	Description
border	Définit toutes les propriétés de bordure en une déclaration
border-bottom	Définit toutes les propriétés de bordure inférieure en une déclaration
border-bottom-color	Définit la couleur de la bordure inférieure
border-bottom-style	Définit le style de la bordure inférieure
border-bottom-width	Définit la largeur de la bordure inférieure
border-color	Définit la couleur des quatre bordures
border-left	Définit toutes les propriétés de bordure gauche en une déclaration
border-left-color	Définit la couleur de la bordure gauche
border-left-style	Définit le style de la bordure gauche
border-left-width	Définit la largeur de la bordure gauche
border-radius	Définit toutes les propriétés de bordure-*-radius pour des coins arrondis
border-right	Définit toutes les propriétés de bordure droite en une déclaration
border-right-color	Définit la couleur de la bordure droite
border-right-style	Définit le style de la bordure droite
border-right-width	Définit la largeur de la bordure droite
border-style	Définit le style des quatre bordures
border-top	Définit toutes les propriétés de bordure supérieure en une déclaration
border-top-color	Définit la couleur de la bordure supérieure
border-top-style	Définit le style de la bordure supérieure
border-top-width	Définit la largeur de la bordure supérieure
border-width	Définit la largeur des quatre bordures