English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
border-bottom-left-radius 在CSS中用来设置元素左下角的圆形样式。这个圆形可以是圆的或椭圆的，当值为0时就为普通的直角边角，背景不管是图片还是颜色，都会被这个属性影响其形状。
下表为此属性的用法说明和版本历史记录，以及该属性在javascript脚本中的使用语法。
| 默认值： | 0 |
|---|---|
| 适用于： | 所有元素 |
| 继承： | 没有 |
| 可动画制作： | 是。请参考 动画属性。 |
| 版本： | CSS3的新功能 |
| JavaScript语法： | objectobject.style.borderBottomRightRadius="3px" |
注意：即使未定义边框或将其值设置为none，border-bottom-left-radius属性也会使元素的背景变圆。
属性的语法如下：
border-bottom-left-radius: [ length | percentage ] 1 or 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 وأحدث إصداراته.
انظر إلى الدروس:CSS Border،CSS3 Border。
خصائص ذات صلة:border-radius،border-bottom-right-radius،border-top-left-radius،border-top-right-radius。