ویژگی border-top-right-radius CSS

定义和用法

border-top-right-radius 属性定义右下角边框的形状。

提示：该属性允许您向元素添加圆角边框。

另请参阅：

CSS3 教程：لبه‌های CSS3

实例

向 div 元素的右上角添加圆角边框：

div
{
border:2px solid;
border-top-right-radius:2em;
}

亲自试一试

CSS 语法

border-top-right-radius: length|% [length|%

توجه:مقدار طول border-top-right-radius و مقدار درصد آن شعاع یک چهارم دایره (شکل گوشه بیرونی لبه‌ها) را تعریف می‌کند. اولین مقدار شعاع افقی است و دومین مقدار شعاع عمودی است. اگر دومین مقدار省ت شود، مقدار اولین مقدار کپی می‌شود. اگر طول صفر باشد، گوشه‌ها مستطیل خواهند بود و نه دایره‌ای. درصد طول شعاع افقی به عرض جعبه لبه‌ها ارجاع دارد و درصد طول شعاع عمودی به ارتفاع جعبه لبه‌ها ارجاع دارد.

مقدار ویژگی

مقدار توضیح آزمایش
length شکل بالای راست را تعریف می‌کند. آزمایش
% شکل بالای راست را با درصد تعریف می‌کند. آزمایش

جزئیات فنی

مقدار پیش‌فرض: 0
نسبت ارث: خیر
نسخه: CSS3
قوانین جاوااسکریپت: object.style.borderTopRightRadius="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