ویژگی Style borderRight
- صفحه قبل borderRadius
- صفحه بعدی borderRightColor
- برگشت به طبقه بالاتر موضوع Style HTML DOM
تعریف و استفاده
borderRight
ویژگیها به صورت شورتکرت تنظیم یا بازگردانید میشوند و حداکثر سه ویژگی جداگانه لبه راست را شامل میشوند.
از طریق این ویژگی میتوانید یکی یا چندین یکی از موارد زیر را تنظیم یا بازگردانید (در هر ترتیب):
لطفاً به
تدریس CSS:حلقه CSS
دستورالعمل CSS:ویژگی border-right
دستورالعمل HTML DOM:ویژگی border
مثال
مثال 1
لبه راست به عنصر <div> اضافه کنید:
document.getElementById("myDiv").style.borderRight = "thick solid #0000FF";
مثال 2
عرض، سبک و رنگ لبه راست عنصر <div> را تغییر دهید:
document.getElementById("myDiv").style.borderLeft = "thin dotted red";
مثال 3
مقدار ویژگی border-right عناصر <div> را بازگردانید:
alert(document.getElementById("myDiv").style.borderLeft);
نحوه استفاده
ویژگی borderRight را بازگردانید:
object.style.borderRight
ویژگی borderRight را تنظیم کنید:
object.style.borderRight = "width style color|initial|inherit"
مقدار ویژگی
مقدار | توضیح |
---|---|
width | عرض لبه راست را تنظیم کنید. |
style | سبک لبه راست را تنظیم کنید. |
color | رنگ لبه راست را تنظیم کنید. |
initial | این ویژگی را به مقدار پیشفرض خود تنظیم کنید. لطفاً به initial. |
inherit | این ویژگی را از عنصر والد خود ارث میبرد. لطفاً به inherit. |
جزئیات فنی
مقدار پیشفرض: | ن مشخص شده |
---|---|
مقدار بازگشتی: | رشتهای است که عرض، سبک و/یا رنگ لبه راست عنصر را نشان میدهد. |
نسخه CSS: | CSS1 |
پشتیبانی مرورگر
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
- صفحه قبل borderRadius
- صفحه بعدی borderRightColor
- برگشت به طبقه بالاتر موضوع Style HTML DOM