ویژگی borderBottomStyle Style
- صفحه قبل borderBottomRightRadius
- صفحه بعدی borderBottomWidth
- برگشت به لایه بالاتر موضوع Style HTML DOM
تعریف و استفاده
borderBottomStyle تنظیم ویژگی یا بازگرداندن سبک لبه پایینی علامت.
لطفاً به: مراجعه کنید
آموزش CSS:کناره‌های CSS
دستورالعمل CSS:ویژگی border-bottom-style
دستورالعمل HTML DOM:ویژگی border
مثال
مثال 1
اضافه کردن لبه پایینی جامد به علامت <div>:
document.getElementById("myDiv").style.borderBottomStyle = "solid";
مثال 2
طرح جستجوی <div> علامت به سبک "خط‌چین":
document.getElementById("myDiv").style.borderBottomStyle = "dotted";
مثال 3
نوع لبه پایینی علامت <div> را بازگردانید:
alert(document.getElementById("myDiv").style.borderBottomStyle);
مثال 4
نمایش تمامی مقادیر مختلف:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue;
منطق
ویژگی borderBottomStyle را بازگردانید:
object.style.borderBottomStyle
ویژگی borderBottomStyle را تنظیم کنید:
object.style.borderBottomStyle = value
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| none | لبه‌های بدون لبه را تعریف می‌کند. پیش‌فرض. |
| hidden | مانند "none" است، اما در حل تعارض لبه‌های عنصر جدول، استثنا دارد. |
| dotted | لبه‌های نقطه‌ای را تعریف می‌کند. |
| dashed | لبه‌های خطی را تعریف می‌کند. |
| solid | لبه‌های جامد را تعریف می‌کند. |
| double | دو لبه را تعریف می‌کند. عرض هر دو لبه با مقدار border-width مشابه است. |
| groove | لبه‌های 3D groove را تعریف می‌کند. اثر آن بستگی به border-color مقدارهای آن |
| ridge | لبه‌های 3D ridge را تعریف می‌کند. اثر آن بستگی به border-color مقدارهای آن |
| inset | لبه‌های 3D inset را تعریف می‌کند. اثر آن بستگی به border-color مقدارهای آن |
| outset | لبه‌های 3D outset را تعریف می‌کند. اثر آن بستگی به border-color مقدارهای آن |
| initial | این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial. |
| inherit | این ویژگی را از عنصر پدر خود ارث می‌برد. لطفاً به inherit. |
جزئیات فنی
| مقدار پیش‌فرض: | none |
|---|---|
| مقدار بازگشتی: | رشته‌ای که سبک لبه پایینی عنصر را نشان می‌دهد. |
| نسخه CSS: | CSS1 |
پشتیبانی مرورگرها
اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهایی هستند که از این ویژگی پشتیبانی می‌کنند.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
نکته:نسخه‌های 7 و قبل از آن از مقدار "hidden" پشتیبانی نمی‌کنند. نسخه‌های 9 و بالاتر از "hidden" پشتیبانی می‌کنند.
- صفحه قبل borderBottomRightRadius
- صفحه بعدی borderBottomWidth
- برگشت به لایه بالاتر موضوع Style HTML DOM
