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