خصوصیت border-bottom-style

مثال

تنظیم style لبه پایین عنصر <p>:

p 
{
border-style:solid;
border-bottom-style:dotted;
}

تعریف و کاربرد

با استفاده از خصوصیت border-bottom-style، می توانید style لبه پایین یک عنصر را تنظیم نمایید.

مقدار پیشفرض مشخص نشده
ارث بری خیر
نسخه CSS1
JavaScript ساختار object.style.borderBottomStyle="dotted"

پشتیبانی مرورگرها

    

تمام مرورگرهای اصلی، خصوصیت border-bottom-style را پشتیبانی می کنند.

توجه: هیچ کدام از نسخه های Internet Explorer (بانضمام IE8)، مقدار "inherit" و "hidden" را پشتیبانی نمی کنند.

مقدارهای خصوصیت

مقدار توضیحات نمایش دادن
none border مشخص نمی شود.
hidden بجز عنصر table در resolutionهای مختلف شبیه "none" است.
dotted لبه ها به صورت نقطه نقطه ای نمایش داده می شود.
dashed لبه ها به صورت خط تیره نمایش داده می شود.
solid لبه ها به صورت خالص و یکپارچه نمایش داده می شود.
double دو لبه نمایش داده می شود.
groove یک لبه سه بعدی گود دار (groove) نمایش داده می شود. افکت بستگی به مقدار خصوصیت border-color دارد.
ridge یک لبه سه بعدی برجسته (ridge) نمایش داده می شود. افکت بستگی به مقدار خصوصیت border-color دارد.
inset یک لبه سه بعدی inset نمایش داده می شود. افکت بستگی به مقدار خصوصیت border-color دارد.
outset یک لبه سه بعدی outset نمایش داده می شود. افکت بستگی به مقدار خصوصیت border-color دارد.
inherit تعيين مي کند که بايد از والدش، ارث بري داشته باشد.