ویژگی سبک outlineStyle

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

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

شکل‌های کناری یک خطی هستند که به دور از عنصر پیچیده می‌شود. آن‌ها در اطراف حاشیه‌های عنصر نمایش داده می‌شوند، اما با ویژگی‌های حاشیه متفاوت هستند.

شکل‌های کناری بخشی از اندازه‌های عناصر نیستند، بنابراین ویژگی‌های عرض و ارتفاع عناصر شامل عرض شکل‌های کناری نمی‌شود.

مراجعه کنید

لطفاً بهکناره CSS

آموزش CSSدستورالعمل CSS

ویژگی outline-styleدستورالعمل HTML DOM

ویژگی outline

مثال

مثال 1

تغییر سبک کناره‌های <div> عناصر:

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

در اطراف <div> عنصر یک کناره چربی اضافه کنید:

مثال 2

تغییر سبک کناره‌های <div> عناصر:

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

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

مثال 3

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

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

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

مثال 4

对所有不同值的演示:
var listValue = selectTag.options[selectTag.selectedIndex].text;

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

آزمایش کنید

قوانین

تنظیم ویژگی outlineStyle:بازگشتی ویژگی outlineStyle:

.style.outlineStyle

تنظیم ویژگی outlineStyle:اجسام .style.outlineStyle =

value

مقدار ویژگی مقدار
none وصف
پیش‌فرض. تعریف بدون کناره. پوشیده
پوشیده تعریف کناره‌های خطی نقطه‌ای.
dashed تعریف کناره‌های خطی پیچیده.
solid تعریف کناره‌های خطی.
double تعریف کناره‌های دوخطی. عرض خطوط دوخطی برابر با outline-width مقدارها.
groove تعریف کناره‌های برآمده سه‌بعدی. تعریف کناره‌های برآمده سه‌بعدی. این اثر بستگی به outline-color مقدارها.
ridge تعریف کناره‌های برآمده سه‌بعدی. این اثر بستگی به outline-color مقدارها.
inset تعریف کناره‌های برآمده سه‌بعدی. این اثر بستگی به outline-color مقدارها.
outset تعریف کناره‌های برآمده سه‌بعدی. این اثر بستگی به outline-color مقدارها.
initial این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial.
inherit این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit.

جزئیات فنی

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

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

کروم کنج افراط سافاری آپرا
کروم کنج افراط سافاری آپرا
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی