نمونه کد

یک نمونه ساده از خاصیت border-style:

آزمایشگاه

تعریف و کاربرد

استایل و حالت کادر بندی را با خاصیت border-style تعیین می کنیم.

اطلاعات

# توضیحات
مقدار پیشفرض پیش فرض
ارث بری خیر
انیمیشن خیر
نسخه CSS1
نگارش JS object.style.borderStyle="dotted double"

سازگاری با مرورگر

# کروم ادج فایرفاکس سافاری اپرا
border-style

شیوه نگارش

مقادیر

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