نمونه کد

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

آزمایشگاه

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

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

اطلاعات

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

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

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

شیوه نگارش

مقادیر

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