سبد (0)

خصوصیت border-top-style

مثال (خصوصیت border-top-style)

تنظیم style لبه سمت راست عنصر <p>:

p
{
border-style:solid;
border-top-style:dotted;
}
خودتان امتحان کنید »

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

با استفاده از خصوصیت border-top-style، می توانید style لبه بالای یک عنصر را تنظیم نمایید.

مقدار پیشفرض مشخص نشده
ارث بری خیر
نسخه CSS1
JavaScript ساختار object.style.borderTopStyle="dotted"

پشتیبانی مرورگرها

Internet Explorer Firefox Opera Google Chrome Safari

تمام مرورگرهای اصلی، خصوصیت border-top-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-top (مرجع خصوصیت های CSS)

HTML DOM reference: borderTopStyle property

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه