CSS بوردر بہاؤ کا دائیں دائرہ

定义和用法

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 تعریف شکل یک چهارم دایره (شکل گوشه‌های بیرونی لبه‌های حاشیه) را برای نیم‌محیط (radius) انجام می‌دهد. اولین مقدار نیم‌محیط افقی است و دومین مقدار نیم‌محیط عمودی است. اگر دومین مقدار حذف شود، مقدار اولین مقدار کپی می‌شود. اگر طول صفر باشد، گوشه مربعی است نه دایره‌ای. درصد نیم‌محیط افقی به عرض پوشه حاشیه‌ای ارجاع دارد و درصد نیم‌محیط عمودی به ارتفاع پوشه حاشیه‌ای ارجاع دارد.

مقدار ویژگی

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

جزئیات فنی

مقدار پیش‌فرض: 0
ارث: خیر
نسخه: CSS3
نوشتار JavaScript: آیکن.style.borderBottomRightRadius="5px"

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر پشتیبان از این ویژگی هستند.

چروم IE / ایج فایرفاکس سافری اوپرا
5.0
4.0 -webkit-		 9.0 4.0
3.0 -moz-		 5.0
3.1 -webkit-		 10.5