مثال (خصوصیت border-bottom)
تنظیم style لبه ی پایینی عنصر <p>:
p
{
border-style:solid;
border-bottom:thick dotted #ff0000;
}
خودتان امتحان کنید »{
border-style:solid;
border-bottom:thick dotted #ff0000;
}
تعریف و کاربرد
با استفاده از خصوصیت border-bottom، می توانید در یک مرحله تمام خصوصیت های لبه پایینی را تنظیم نمایید.
خصوصیت هایی که می توانید تنظیم نمایید بترتیب برابر است با:
- border-bottom-width
- border-bottom-style
- 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 | تعیین می کند که باید از والدش، ارث بری داشته باشد. |
بیاموزهای مرتبط
CSS Border (بیاموز CSS)
