ویژگی border-bottom-right-radius CSS
- صفحه قبل border-bottom-left-radius
- صفحه بعدی border-bottom-style
تعریف و استفاده
ویژگی border-bottom-right-radius شکل گوشه پایین و سمت راست لبه را تعریف می‌کند.
نکته:این ویژگی به شما اجازه می‌دهد تا گوشه‌های گرد به عناصر اضافه کنید.
لطفاً به:
آموزش CSS3:کناره‌های CSS3
مثال
برای افزودن گوشه‌های گرد به گوشه پایین و سمت راست عناصر div:
div
{
border:2px solid;
border-bottom-right-radius:2em;
}
آموزش زبان CSS
border-bottom-right-radius: length|% [length|%];
نکته:مقدار طول و درصد border-bottom-right-radius ویژگی تعریف رادیوس یک چهارم دایره (شکل گوشه‌های بیرونی لبه‌های بروزر) را تعریف می‌کند. اولین مقدار رادیوس افقی است و دومین مقدار رادیوس عمودی است. اگر دومین مقدار省ت شود، مقدار اولین مقدار کپی می‌شود. اگر طول به صفر برسد، گوشه‌ها مربعی می‌شوند نه دایره‌ای. درصد رادیوس افقی به عرض کادر مرز مراجعه می‌کند و درصد رادیوس عمودی به ارتفاع کادر مرز مراجعه می‌کند.
مقدار ویژگی
| مقدار | توضیح | آزمایش |
|---|---|---|
| length | شکل پایین و سمت راست را تعریف می‌کند. | آزمایش |
| % | شکل پایین و سمت راست را به صورت درصد تعریف می‌کند. | آزمایش |
جزئیات فنی
| مقدار پیش‌فرض: | 0 |
|---|---|
| ارث‌پذیری: | خیر |
| نسخه: | CSS3 |
| آموزش زبان برنامه‌نویسی JavaScript: | آیکن.style.borderBottomRightRadius="5px" |
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولین مرورگر پشتیبان از این ویژگی هستند.
| 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-left-radius
- صفحه بعدی border-bottom-style
