ویژگی outlineColor Style
- صفحه قبلی outline
- صفحه بعدی outlineOffset
- بازگشت به لایه بالاتر اجزای Style HTML DOM
تعریف و استفاده
outlineColor ویژگی‌ای است که رنگ لبه‌های عنصر را تنظیم یا بازگشتی می‌کند.
لبه یک خط دور عنصر است. آن را در اطراف حاشیه‌های عنصر نمایش می‌دهد. اما، آن با ویژگی border متفاوت.
لبه‌ها بخشی از اندازه‌ی عنصر نیستند، بنابراین ویژگی‌های عرض و ارتفاع عنصر شامل عرض لبه‌ها نمی‌شود.
لطفاً به
آموزش CSS:حاشیه CSS
دستورالعمل CSS:ویژگی outline-color
دستورالعمل HTML DOM:ویژگی outline
مثال
مثال 1
رنگ لبه <div> را تغییر دهید:
document.getElementById("myDiv").style.outlineColor = "#00ff00";
مثال 2
بازگشتی رنگ لبه <div> عبارت است از:
alert(document.getElementById("myDiv").style.outlineColor);
نحوه‌ی نوشتن
بازگشتی ویژگی outlineColor:
object.style.outlineColor
تنظیم ویژگی outlineColor:
object.style.outlineColor = "رنگ|invert|initial|inherit"
ارزش ویژگی
| ارزش | توضیح |
|---|---|
| رنگ |
رنگ لبه را مشخص می‌کند. لطفاً ببینید رنگ‌های CSS، لیست کامل‌تر از رنگ‌های ممکن را ببینید. |
| invert | رنگ لبه را به مقدار مخالف تغییر می‌دهد. پیش‌فرض. |
| initial | این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial. |
| inherit | این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit. |
جزئیات فنی
| مقدار پیش‌فرض: | invert |
|---|---|
| ارزش بازگشتی: | رشته‌ای که رنگ لبه‌های عنصر را نشان می‌دهد. |
| نسخه‌ی CSS: | CSS2 |
بازدید‌کننده‌گر
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
- صفحه قبلی outline
- صفحه بعدی outlineOffset
- بازگشت به لایه بالاتر اجزای Style HTML DOM
