ویژگی Style borderRightStyle

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

borderRightStyle تنظیم ویژگی یا بازگرداندن سبک لبه سمت راست عنصر.

لطفاً به:

آموزش CSS:کناره CSS

دستورالعمل CSS:ویژگی border-right-style

دستورالعمل HTML DOM:ویژگی border

مثال

مثال 1

برای افزودن لبه‌ی سمت راست جامد به عناصر <div> استفاده کنید:

document.getElementById("myDiv").style.borderRightStyle = "solid";

آزمایش شخصی کنید

مثال 2

سبک لبه سمت راست عنصر <div> را به "dotted" تغییر دهید:

document.getElementById("myDiv").style.borderRightStyle = "dotted";

آزمایش شخصی کنید

مثال 3

بازگشت سبک لبه سمت راست عناصر <div>:

alert(document.getElementById("myDiv").style.borderRightStyle);

آزمایش شخصی کنید

مثال 4

آموزش برای همه مقادیر مختلف:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderRightStyle = listValue;

آزمایش شخصی کنید

نحوه استفاده

بازگشت ویژگی borderRightStyle:

object.style.borderRightStyle

تنظیم ویژگی borderRightStyle:

object.style.borderRightStyle = value
مقدار توضیح
none تعریف لبه بدون لبه. پیش‌فرض.
hidden با "none" مشابه است، اما در حل اختلافات لبه‌های عنصر جدول، استثنا دارد.
dotted تعریف لبه نقطه‌ای.
dashed تعریف لبه خطی.
solid تعریف لبه چسبنده.
double تعریف دو لبه. عرض هر دو لبه با مقدار border-width مشابه است.
groove تعریف لبه‌های سه‌بعدی groove. اثر آن بستگی به border-color مقدارهای آن را نگاه کنید.
ridge تعریف لبه‌های سه‌بعدی ridge. اثر آن بستگی به border-color مقدارهای آن را نگاه کنید.
inset تعریف لبه‌های سه‌بعدی inset. اثر آن بستگی به border-color مقدارهای آن را نگاه کنید.
outset تعریف لبه‌های سه‌بعدی outset. اثر آن بستگی به border-color مقدارهای آن را نگاه کنید.
initial این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial.
inherit این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit.

جزئیات فنی

مقدار پیش‌فرض: بدون
مقدار بازگشتی: رشته‌ای که سبک لبه سمت راست عنصر را نشان می‌دهد.
نسخه CSS: CSS1

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی