ویژگی Style borderLeftStyle

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

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

لطفاً به: مراجعه کنید

آموزش CSS:پیرامون CSS پیرامون

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

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

مثال

مثال 1

لبه چپ جامد عناصر <div> را اضافه کنید:

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

آزمایش کنید

مثال 2

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

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

آزمایش کنید

مثال 3

بازگشتی لبه چپ عناصر <div>:

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

آزمایش کنید

مثال 4

نمایش همه مقادیر مختلف:

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

آزمایش کنید

نحوه استفاده

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

object.style.borderLeftStyle

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

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

جزئیات فنی

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

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

کروم اژدها فایرفاکس سفاری опера
کروم اژدها فایرفاکس سفاری опера
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی