ویژگی border-top-style CSS

تعریف و استفاده

border-top-style سبک لبه بالای عنصر را تنظیم می‌کند.

تنها زمانی که این مقدار "none" نباشد، لبه‌ها ممکن است ظاهر شوند.

در CSS1، کاربران HTML به پشتیبانی از solid و none محدود می‌شوند.

لطفاً به:

آموزش CSS:کناره‌های CSS

دستورالعمل CSS:ویژگی border-top

دستورالعمل HTML DOM:ویژگی borderTopStyle

مثال

تنظیم سبک بالای مرز:

p
  {
  border-style:solid;
  border-top-style:dotted;
  }

آزمایش کنید

قوانین CSS

border-top-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

مقدار ویژگی

مقدار توضیح
none تعریف لبه بدون لبه.
hidden با "none" مشابه است. اما برای جدول‌ها استثنا دارد، برای جدول‌ها، "hidden" برای حل درگیری‌های لبه استفاده می‌شود.
dotted تعریف لبه‌های نقطه‌ای. در اغلب مرورگرها به عنوان خط صاف نمایش داده می‌شود.
dashed تعریف خط‌های شکسته. در اغلب مرورگرها به عنوان خط صاف نمایش داده می‌شود.
solid تعریف خط صاف.
double تعریف خط‌های دوگانه. عرض خط‌های دوگانه برابر با مقدار border-width است.
groove تعریف لبه‌های 3D با ناودان. اثر آن بستگی به مقدار border-color دارد.
ridge تعریف لبه‌های 3D با خار. اثر آن بستگی به مقدار border-color دارد.
inset تعریف لبه‌های 3D با داخل‌زدگی. اثر آن بستگی به مقدار border-color دارد.
outset تعریف لبه‌های 3D با بیرون‌زدگی. اثر آن بستگی به مقدار border-color دارد.
inherit تعیین می‌کند که سبک مرز باید از عنصر والد ارث ببرد.

جزئیات فنی

مقدار پیش‌فرض: not specified
erbستی: no
نسخه: CSS1
قوانین جاوااسکریپت: اجسام.style.borderTopStyle="dotted"

مثال‌های بیشتر

تنظیم سبک بالای مرز
این مثال نحوه تنظیم سبک بالای مرز را نشان می‌دهد.

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

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که این ویژگی را کاملاً پشتیبانی می‌کند.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2