ویژگی borderRadius استایل

تعریف و استفاده

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

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

کروم اندوز فایرفاکس سافاری آپرا
کروم اندوز فایرفاکس سافاری آپرا
پشتیبانی 9.0 پشتیبانی پشتیبانی پشتیبانی