CSS بوردر پائین چپ سمت راست نیم دایره اپریٹ
- پیشین پیگیم border-bottom-color
- آئندہ پیج border-bottom-right-radius
تعریف و استفاده
ویژگی border-bottom-left-radius شکل گوشه پایین سمت چپ لبهها را تعریف میکند.
توضیح:این ویژگی به شما اجازه میدهد تا به عنصر گوشههای گرد لبهها را اضافه کنید.
لطفاً به: بپیوندید
درس CSS3:CSS3 کا کیر
مثال
برای افزودن گوشههای گرد به گوشه پایین سمت چپ عنصر div،
div
{
border:2px solid;
border-bottom-left-radius:2em;
}
جملهنویسی CSS
border-bottom-left-radius: length|% [length|%];
نکته:مقدار طول border-bottom-left-radius ویژگی و مقدار درصد تعریف رادیوس یک چهارم دایره (تعریف شکل گوشههای بیرونی لبههای حاشیه) را میکند. اولین مقدار رادیوس افقی است و دومین مقدار رادیوس عمودی است. اگر دومین مقدار省ت شود، مقدار اولین مقدار کپی میشود. اگر طول به صفر برسد، گوشهها مربعی میشوند، نه دایرهای. درصد رادیوس افقی به عرض قاب لبهها ارجاع دارد و درصد رادیوس عمودی به ارتفاع قاب لبهها ارجاع دارد.
مقدار ویژگی
| مقدار | توضیح | آزمایش |
|---|---|---|
| length | شکل پایین سمت چپ را تعریف میکند. | آزمایش |
| % | شکل پایین سمت چپ را با درصد تعریف میکند. | آزمایش |
جزئیات فنی
| مقدار پیشفرض: | 0 |
|---|---|
| ابستگی: | خیر |
| نسخه: | CSS3 |
| جملهنویسی JavaScript: | عنصر.style.borderBottomLeftRadius="5px" |
پشتیبانی مرورگر
اعداد در جدول نشاندهنده نسخه اولین مرورگر هستند که از این ویژگی کامل پشتیبانی میکند.
اعداد -webkit- یا -moz- با پیشوند اولین نسخه استفاده شده را نشان میدهند.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 5.0 4.0 -webkit- |
9.0 | 4.0 3.0 -moz- |
5.0 3.1 -webkit- |
10.5 |
- پیشین پیگیم border-bottom-color
- آئندہ پیج border-bottom-right-radius
