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