English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
border-bottom-left-La propriété 'radius' dans CSS est utilisée pour définir le style arrondi du coin inférieur droit de l'élément. Ce cercle peut être une ellipse ou une image, et lorsqu'il est à 0, il s'agit d'un coin droit ordinaire. Que ce soit une image ou une couleur de fond, cette propriété affecte la forme de la zone.
Le tableau suivant décrit l'utilisation et l'historique des versions de cet attribut, ainsi que la syntaxe de cet attribut dans les scripts JavaScript.
| Valeur par défaut : | 0 |
|---|---|
| Applicable à : | tous les éléments |
| Héritage : | aucun |
| Animable : | est.Veuillez consulter Attributs d'animation。 |
| Version : | CSS3nouvelle fonction |
| Syntaxe JavaScript : | objectobject.style.borderBottomRightRadius="3px" |
注意：border-bottom-left-radius即使未定义边框或将其值设置为none，该属性也会使元素的背景变圆。
该属性的语法如下：
border-bottom-left-radius: [ length | percentage ] 1 或 2 values | initial | inherit
此速记符号可以采用一个或两个空格分隔的值。
可选的第二长度值定义左下角的垂直半径，因此角的形状为四分之一椭圆。
如果省略第二个长度，或者等于第二个长度，则拐角形状为四分之一圆。如果任一长度为零，则角为正方形，而不是圆角。
下面的示例演示了如何使用border-bottom-left-属性 radius。
div {
border: 2px solid #f08080;
border-bottom-left-radius: 20px;
}测试看看‹/›下表描述了此属性的值。
| 值 | 描述 |
|---|---|
| length | 长度值的单位可以为px，pt，cm，em等，但是不允许值为负数。 |
| percentage | 半径的大小，以百分比为单位。在两个值的情况下，相对于元素框的宽度计算第一个值的百分比（即，水平半径），而相对于元素框的高度计算第二个值的百分比（即，垂直半径）。不允许使用负值。 |
| initial | 将此属性设置为其默认值。 |
| inherit | 如果指定，则关联元素采用其父元素border-bottom-left-属性 radius的计算值。 |
border-bottom-left-属性 radius的浏览器兼容性，下表中的数字表示支持该属性的浏览器最低版本号，所有主流浏览器均支持该属性。
|
警告： Internet Explorer 8和更早版本不支持border-bottom-left-属性 radius CSS。在IE9及更高版本中受支持。
参见教程：Border CSS，CSS3 Border。
属性相关：border-radius，border-bottom-right-radius，border-top-left-radius，border-top-right-radius。