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