ویژگی Style borderTopStyle

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

borderTopStyle تنظیم ویژگی یا بازگرداندن سبک حاشیه عناصر.

لطفاً به: مراجعه کنید

آموزش CSS:حاشیه CSS

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

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

مثال

مثال 1

برای افزودن حاشیه بالایی سخت به عناصر <div>:

document.getElementById("myDiv").style.borderTopStyle = "solid";

آزمایش کنید

مثال 2

تغییر سبک حاشیه بالایی عنصر <div> به "dotted":

document.getElementById("myDiv").style.borderTopStyle = "dotted";

آزمایش کنید

مثال 3

بازگشتی از سبک حاشیه بالایی عناصر <div>:

alert(document.getElementById("myDiv").style.borderTopStyle);

آزمایش کنید

مثال 4

نمایش همه ارقام مختلف:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderTopStyle = listValue;

آزمایش کنید

نحوه استفاده

بازگشتی از ویژگی borderTopStyle:

object.style.borderTopStyle

تنظیم کردن ویژگی borderTopStyle:

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

جزئیات فنی

مقدار پیش‌فرض: none
مقدار بازگشتی: رشته‌ای که سبک حاشیه‌های عناصر را بر روی خط بالایی نشان می‌دهد.
نسخه CSS: CSS1

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی