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