نمونه کد
یک نمونه ساده از خاصیت border-style:
آزمایشگاه
تعریف و کاربرد
استایل و حالت کادر بندی را با خاصیت border-style تعیین می کنیم.
سازگاری با مرورگر
# |
کروم |
ادج |
فایرفاکس |
سافاری |
اپرا |
border-style |
|
|
|
|
|
مقادیر
مقادیر |
توضیحات |
none
|
هیچ حاشیه ای تعیین نمی شود.
|
hidden
|
حاشیه ای غیر قابل مشاهده را تعیین می کند.
|
dotted
|
حاشیه ای با نقطه را تعیین می کند.
|
dashed
|
حاشیه ای با خط های تکه تکه را تعیین می کند.
|
solid
|
حاشیه ای با یک خط صاف را تعیین می کند.
|
double
|
حاشیه دوگانه را تعیین می کند.
|
groove
|
حاشیه شیار دار سه بعدی را تعیین می کند.
|
ridge
|
حاشیه خط دار سه بعدی را تعیین می کند.
|
inset
|
حاشیه داخلی سه بعدی را تعیین می کند.
|
outset
|
حاشیه ابتدایی سه بعدی را تعیین می کند.
|
initial
|
این مقدار را به ویژگی پیش فرض خود اضافه می کند.
|
inherit
|
این مقدار را از تگ والد خود به ارث می برد.
|