Tarihin ɗaukar nau'in style outlineStyle

Ƙirƙirar da amfani

outlineStyle Tarihin ɗaukar nau'in kuɗi da yake yaki ƙarfin abin.

Kuɗi shine tsohuwa wanda yake yaki ƙarƙashin abin. Ita ce kuma yake nuna a kusa da ƙarfin nau'in abin. Amma, ita ce dama da nau'in abin ƙarfin.

Kuɗi ba wani abin da ba zai ɗaukar nau'in ɗaya na abin, kuma nau'in tsawon kai da tsayin kai na abin ba su ɗaukar tsawon kai na kuɗi ba.

انظر أيضًا:

دليل CSS التعليميCSS ƙasa

دليل CSSخصائص outline-style

دليل HTML DOM:خصائص outline

مثال

مثال 1

إضافة هالة الظل السميكة حول عنصر <div>:

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

جرب بنفسك

مثال 2

تغيير هالة الظل للعنصر <div>:

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

جرب بنفسك

مثال 3

يعود هالة الظل للعنصر <div>:

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

جرب بنفسك

مثال 4

عرض جميع القيم المختلفة:

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

جرب بنفسك

النحو

يعود خصائص outlineStyle:

عنصر.style.outlineStyle

ضبط خصائص outlineStyle:

عنصر.style.outlineStyle = قيمة

قيمة الخصائص

القيمة الوصف
لا شيء افتراضي. يحدد هالة الظل غير موجودة.
مخفي افتراضي. يحدد هالة الظل غير موجودة.
مغلق يحدد هالة الظل النقاط.
متقطع يحدد هالة الظل المتقطعة.
سميك يحدد هالة الظل السميكة.
مزدوج يحدد هالة الظل المزدوجة. عرض الخطوط المزدوجة يساوي outline-width القيمة.
groove يحدد هالة الظل الثلاثي الأبعاد الداخلية. يحدد هالة الظل الثلاثي الأبعاد الداخلية. هذا التأثير يعتمد على outline-color القيم.
ridge يحدد هالة الظل الثلاثي الأبعاد الخارجية. هذا التأثير يعتمد على outline-color القيم.
inset يحدد هالة الظل الثلاثي الأبعاد الداخلية. هذا التأثير يعتمد على outline-color القيم.
outset يحدد هالة الظل الثلاثي الأبعاد. هذا التأثير يعتمد على outline-color القيم.
الافتراضي اجعل هذا الخصائص قيمته الافتراضية. انظر الافتراضي.
تنقل يرث هذا الخصائص من العنصر الأب. انظر تنقل.

تفاصيل التقنية

القيمة الافتراضية: لا شيء
قيمة العودة: مقطع نصي، يعبر عن أسلوب هالة العنصر.
إصدار CSS: CSS2

دعم المتصفحات

كروم إدج فايرفوكس سفاري أوبرا
كروم إدج فايرفوكس سفاري أوبرا
دعم دعم دعم دعم دعم