پاسخ به:مرجع CSS
سه شنبه 11 آذر 1393 12:01 AM
تنظیم style چهار لبه عنصر <p>:
در انتهای این بیاموز، مثال های بیشتری را خواهید دید.
با استفاده از خاصیت مختصر border-style، می توانید style چهار لبه یک عنصر را مشخص نمایید. این خصوصیت از یک تا چهار مقدار می تواند داشته باشد.
مثال:
مقدار پیشفرض | مشخص نشده |
---|---|
ارث بری | خیر |
نسخه | CSS1 |
JavaScript ساختار | object.style.borderStyle="dotted double" |
تمام مرورگرهای اصلی، خصوصیت border-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 | تعيين مي کند که بايد از والدش، ارث بري داشته باشد. |