خصوصیت border-bottom

مثال

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

p 
{
border-style:solid;
border-bottom:thick dotted #ff0000;
}

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

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

خصوصیت هایی که می توانید تنظیم نمایید بترتیب برابر است با:

  1. border-bottom-width
  2. border-bottom-style
  3. border-bottom-color

توجه: اهمیتی ندارد که یکی از مقادیر بالا ذکر نشود، تنها رعایت ترتیب مقادیر مهم است.

مقدار پیشفرض مشخص نشده
ارث بری خیر
نسخه CSS1
JavaScript ساختار object.style.borderBottom="3px solid blue"

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

    

تمام مرورگرهای اصلی، خصوصیت background را پشتیبانی می کنند.

توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند.

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

مقدار توضیحات
border-bottom-width width لبه پایینی را مشخص می کند.
border-bottom-style style لبه پایینی را مشخص می کند.
border-bottom-color color لبه پایینی را مشخص می کند.
inherit تعيين مي کند که بايد از والدش، ارث بري داشته باشد.