ویژگی Style borderTopRightRadius
- صفحه قبلی borderTopLeftRadius
- صفحه بعدی borderTopStyle
- بازگشت به طبقه بالا موضوع Style در HTML DOM
تعریف و استفاده
borderTopRightRadius این ویژگی شکل گوشه بالا سمت راست لبه را تعریف می‌کند.
نکته:این ویژگی به شما اجازه می‌دهد تا لبه‌های گرد برای عنصر اضافه کنید!
لطفاً به
دستورالعمل‌های CSS:ویژگی border-top-right-radius
مثال
افزودن لبه‌های گرد گوشه بالا سمت راست به عنصر div:
document.getElementById("myDIV").style.borderTopRightRadius = "25px";
قوانین
بازگشتی ویژگی borderTopRightRadius:
اجسام.style.borderTopRightRadius
تنظیم ویژگی borderTopRightRadius:
اجسام.style.borderTopRightRadius = "length|% [length|%]|initial|inherit"
نکته:مقدار طول و درصد ویژگی border-top-right-radius برای تعریف نیم‌دایره‌های چهار‌گوش (تعریف شکل گوشه‌های بیرونی لبه‌های پیرامون) به عنوان شعاع تعریف می‌کند. اولین مقدار شعاع افقی و دومین مقدار شعاع عمودی است. اگر دومین مقدار مشخص نشود، مقدار اولین مقدار تکرار می‌شود. اگر طول صفر باشد، گوشه مستطیل و نه دایره خواهد بود. درصد شعاع افقی به عرض جعبه لبه‌ها و درصد شعاع عمودی به ارتفاع جعبه لبه‌ها اشاره دارد.
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| length | شکل گوشه بالا سمت راست را تعریف کنید. |
| % | شکل گوشه بالا سمت راست را با استفاده از درصد تعریف کنید. |
| initial | این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial. |
| inherit | این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit. |
جزئیات فنی
| مقدار پیش‌فرض: | 0 |
|---|---|
| مقدار بازگشتی: | رشته، که نشان‌دهنده ویژگی border-top-right-radius. |
| نسخه CSS: | CSS3 |
بخش مرورگر
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| پشتیبانی | 9.0 | پشتیبانی | پشتیبانی | پشتیبانی |
- صفحه قبلی borderTopLeftRadius
- صفحه بعدی borderTopStyle
- بازگشت به طبقه بالا موضوع Style در HTML DOM
