English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
bordure-bas-droite-radius est utilisé dans CSS pour définir le style circulaire du coin inférieur droit de l'élément. Ce cercle peut être circulaire ou elliptique, et lorsqu'il est à 0, il s'agit d'un coin droit ordinaire. Peu importe que ce soit une image ou une couleur, cette propriété affecte la forme de l'arrière-plan.
Le tableau suivant présente les instructions d'utilisation et l'historique des versions de cette propriété, ainsi que la syntaxe de cette propriété dans le script JavaScript.
| Valeur par défaut : | 0 |
|---|---|
| Appliqué à : | tous les éléments |
| Héritage : | aucun |
| Animable : | est.Veuillez consulter propriétés d'animation. |
| Version : | CSS3nouvelle fonction |
| Grammaire JavaScript : | object object.style.borderBottomRightRadius="8px" |
Remarque :bordure-bas-droite-Radius rend le fond de l'élément arrondi même si la bordure n'est pas définie ou si sa valeur est définie sur none.
La syntaxe de cet attribut est la suivante :
bordure-bas-droite-radius: [ length | percentage ]1 ou 2 values | initial | inherit
Ce raccourci peut être utilisé avec une ou deux valeurs séparées par des espaces.
La valeur de longueur secondaire optionnelle définit le rayon vertical de l'angle supérieur droit, donc la forme de l'angle est un quart d'ellipse.
Si le deuxième longueur est omise ou égale au deuxième longueur, la forme de l'angle est un quart de cercle. Si l'un des longueurs est zéro, l'angle est un carré au lieu d'un arrondi.
Les exemples suivants montrent comment utiliser la bordure-bas-droite-Attribut radius.
div {
bordure: 2px solide #f08080;
bordure-bas-droite-radius: 20px;
}Vérifiez ici‹/›Le tableau suivant décrit les valeurs de cet attribut.
| Valeur | Description |
|---|---|
| length | Les valeurs de longueur peuvent être en px, pt, cm, em, etc., mais ne peuvent pas être négatives. |
| percentage | La taille du rayon, en pourcentage. Dans le cas de deux valeurs, le premier pourcentage est calculé par rapport à la largeur de la boîte de l'élément (c'est-à-dire, le rayon horizontal), et le second pourcentage est calculé par rapport à la hauteur de la boîte de l'élément (c'est-à-dire, le rayon vertical). Les valeurs négatives ne sont pas autorisées. |
| initial | Définir cette propriété à sa valeur par défaut. |
| inherit | Si spécifié, l'élément lié utilise la bordure de son élément parent-bas-droite-Valeur calculée de l'attribut radius. |
bordure-bas-droite-Compatibilité des navigateurs pour l'attribut radius, les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge l'attribut, tous les navigateurs populaires prennent en charge cet attribut.
|
Avertissement : Internet Explorer 8et les versions antérieures ne prennent pas en charge ce bord-bas-droite-L'attribut radius. Dans IE9et versions supérieures sont prises en charge.
Voir la tutorial :Bordure CSS,CSS3 Bordure.
Attributs associés :bordure-radius,bordure-bas-gauche-radius,bordure-haut-gauche-radius,bordure-haut-droite-radius.