مثال (خصوصیت border-bottom-width)
تنظیم width لبه پایینی عنصر <p>:
p
{
border-style:solid;
border-bottom-width:15px;
}
خودتان امتحان کنید »{
border-style:solid;
border-bottom-width:15px;
}
تعریف و کاربرد
با استفاده از خصوصیت border-bottom-width، می توانید عرض لبه پایینی یک عنصر را تعیین نمایید.
توجه: اگر خاصیت border-style تنظیم نشده باشد خاصیت border-bottom-width کار نخواهد کرد.
| مقدار پیشفرض | medium |
|---|---|
| ارث بری | خیر |
| نسخه | CSS1 |
| JavaScript ساختار | object.style.borderBottomWidth="thick" |
پشتیبانی مرورگرها
تمام مرورگرهای اصلی، خصوصیت border-bottom-width را پشتیبانی می کنند.
توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند.
مقدارهای خصوصیت
| مقدار | توضیحات | نمایش دادن |
|---|---|---|
| thin | یک لبه نازک (thin) تعریف می کند. | نمایش دادن » |
| medium | یک لبه متوسط (medium) تعریف می کند. (مقدار پیشفرض) | نمایش دادن » |
| thick | یک لبه ضخیم (thin) تعریف می کند. | نمایش دادن » |
| length | به شما اجازه می دهد که میزان ضخامت لبه را خودتان مشخص نمایید. | نمایش دادن » |
| inherit | تعیین می کند که باید از والدش، ارث بری داشته باشد. |
بیاموزهای مرتبط
CSS Border (بیاموز CSS)
border-bottom (مرجع خصوصیت های CSS)
