ویژگی Style borderLeft

تعریف و کاربرد

borderLeft ویژگی‌ها به صورت کوتاه‌تر تنظیم یا بازگردانده می‌شوند و حداکثر سه ویژگی مجزا از لبه چپ تنظیم می‌شوند.

با استفاده از این ویژگی می‌توانید یکی از موارد زیر را تنظیم یا بازگردانید (در هر ترتیب):

لطفاً ببینید:

آموزش CSS:حاشیه CSS

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

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

مثال

مثال 1

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

document.getElementById("myDiv").style.borderLeft = "thick solid #0000FF";

آزمایش کنید

مثال 2

عرض، سبک و رنگ لبه چپ عنصر <div> را تغییر دهید:

document.getElementById("myDiv").style.borderLeft = "thin dotted red";

آزمایش کنید

مثال 3

مقدار ویژگی border-left عناصر <div> را بازگردانید:

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

آزمایش کنید

نحوه استفاده

ویژگی borderLeft را بازگردانید:

object.style.borderLeft

ویژگی borderLeft را تنظیم کنید:

object.style.borderLeft = "width style color|initial|inherit"

مقدار ویژگی

مقدار توضیح
width عرض لبه چپ را تنظیم کنید.
style سبک لبه چپ را تنظیم کنید.
color رنگ لبه چپ را تنظیم کنید.
initial. این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial.
inherit این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit.

جزئیات فنی

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

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

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