اسٹائل بوردر بوتوم اسٹائل پرپرٹی

تعریف اور استعمال

borderBottomStyle پرپرٹی کا استعمال یا واپسی کامپوننٹ کی نچلی کیڈر کا سٹائل.

ایک دوسرے مرجع دیکھیئے:

CSS تعلیم:سی ایس ایس بورڈر

CSS مرجع دستنوشت:بوردر بوتوم اسٹائل پرپرٹی

HTML DOM مرجع دستنوشت:بوردر پرپرٹی

مثال

مثال 1

کامپوننٹ <div> میں سخت کیڈر نچلی کیڈر شامل کریں:

document.getElementById("myDiv").style.borderBottomStyle = "solid";

آزمایش کنید

مثال 2

کامپوننٹ <div> کی نچلی کیڈر کا سٹائل "dotted" میں تبدیل کریں:

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

توضیحات:IE7 اور اسلی تر از اون پشتیبانی نمیکنه مقدار "hidden". IE9 اور اسلی تر از اون پشتیبانی میکنه "hidden".