ویژگی outline استایل
- صفحه قبل orphans
- صفحه بعدی outlineColor
- برگشت به لایه بالاتر موضوع Style HTML DOM
تعریف و کاربرد
outline ویژگی با فرمول اختصاری تنظیم یا بازگردانید همه ویژگی‌های محیط.
از طریق این ویژگی می‌توانید یک یا چند مورد از موارد زیر را تنظیم/بازگردانید (در هر ترتیب):
محیط یک خط دور عنصر است. آن را در اطراف حاشیه‌های عنصر نشان می‌دهد. اما، آن ویژگی border متفاوت است.
محیط جزء اندازه عنصر نیست، بنابراین عرض و ارتفاع عنصر شامل عرض محیط نمی‌شود.
لطفاً به
آموزش CSS:کонтور CSS
دستورالعمل CSS:ویژگی outline
مثال
مثال 1
افزودن محیط به اطراف عناصر <div>:
document.getElementById("myDiv").style.outline = "thick solid #0000FF";
مثال 2
تغییر عرض، سبک و رنگ محیط عناصر <div>:
document.getElementById("myDiv").style.outline = "5px dotted green";
مثال 3
مقدار ویژگی outline عناصر <div> را بازگردانید:
alert(document.getElementById("myDiv").style.outline);
نحوه نوشتن
ویژگی outline را بازگردانید:
object.style.outline
ویژگی outline را تنظیم کنید:
object.style.outline = "width style color|initial|inherit"
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| width | عرض محیط را تنظیم کنید. |
| style | سبک محیط را تنظیم کنید. |
| color | مقدار رنگ محیط را تنظیم کنید. |
| initial | این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial. |
| inherit | این ویژگی از عنصر والد خود ارث می‌برد. لطفاً به inherit. |
جزئیات فنی
| مقدار پیش‌فرض: | medium none invert |
|---|---|
| مقدار بازگشتی: | رشته‌ای است که عرض، سبک و/یا رنگ محیط عنصر را نشان می‌دهد. |
| نسخه CSS: | CSS2 |
پشتیبانی مرورگر
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
- صفحه قبل orphans
- صفحه بعدی outlineColor
- برگشت به لایه بالاتر موضوع Style HTML DOM
