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