ویژگی Style borderLeft
- صفحه قبل borderImageWidth
- صفحه بعدی borderLeftColor
- به طبقه بالاتر بازگردید موضوع Style HTML DOM
تعریف و کاربرد
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 |
پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
- صفحه قبل borderImageWidth
- صفحه بعدی borderLeftColor
- به طبقه بالاتر بازگردید موضوع Style HTML DOM