border-bottom-right-radius

Syntaxe

Paramètres

Description

Cette propriété permet d'indiquer la forme de la bordure dans le coin inférieur droite.

Remarques

• Fonctionnalité principale : La propriété border-bottom-right-radius permet de définir l'arrondi du coin inférieur droit d'un élément. Cette propriété fait partie des propriétés border-radius de CSS, permettant de créer des coins arrondis en spécifiant des valeurs pour chaque coin individuellement.
• Utilisation avec des unités de mesure : Vous pouvez spécifier des valeurs pour border-bottom-right-radius en différentes unités, comme les pixels (px), les pourcentages (%), les em (em), etc. L'utilisation de pourcentages permet de créer des coins arrondis en fonction de la taille de l'élément, offrant plus de flexibilité dans la conception responsive.
• Effet sur la forme de l'élément : Cette propriété influence la forme de l'élément en modifiant le coin inférieur droit en un arc de cercle, ce qui peut être utilisé pour améliorer l'apparence visuelle, rendre les éléments plus doux et modernes, ou encore les adapter à une forme particulière comme un bouton ou une carte.
• Comportement avec les coins autres que le bas droit : border-bottom-right-radius ne modifie que le coin inférieur droit de l'élément. Si vous souhaitez arrondir d'autres coins, vous devrez utiliser des propriétés similaires pour les autres coins, telles que border-top-left-radius, border-top-right-radius, et border-bottom-left-radius.
• Compatibilité avec les autres propriétés de bordure : Lorsque vous utilisez border-bottom-right-radius, cette propriété interagit bien avec d'autres propriétés de bordure, telles que border, border-width, border-color, et border-style. Par exemple, si un bord est défini, l'arrondi sera appliqué en tenant compte de la largeur de la bordure, ce qui peut influencer la perception du rayon.
• Valeurs négatives : Contrairement à certaines propriétés CSS, la propriété border-bottom-right-radius ne prend pas en charge les valeurs négatives. Une valeur négative serait ignorée et ne produirait aucun effet visuel, ce qui rend impossible l'effet de coins "concaves" avec cette propriété.
• Création de formes personnalisées : En combinant border-bottom-right-radius avec d'autres propriétés comme border-top-left-radius et border-top-right-radius, vous pouvez créer des formes plus complexes et personnalisées, comme des éléments circulaires ou ovoïdes. Cela est particulièrement utile pour les éléments de design tels que les boutons, les cartes, et les bannières.
• Compatibilité des navigateurs Web : La propriété border-bottom-right-radius est prise en charge par tous les navigateurs Web modernes. Toutefois, dans certains cas, il peut y avoir des problèmes avec les anciennes versions d'Internet Explorer (avant IE9), ne prenant pas correctement en charge les propriétés border-radius ou avaient un comportement légèrement différent. Cela nécessite parfois des préfixes ou des solutions alternatives pour les anciens navigateurs Web.