ویژگی Style outlineWidth
- صفحه قبلی outlineStyle
- صفحه بعدی overflow
- برگشت به طبقه بالاتر اجزای Style HTML DOM
تعریف و استفاده
outlineWidth ویژگی تنظیم یا بازگشتی عرض کناره‌های دور عنصر.
کناره‌ها خطی‌ای دور عنصر است. آن‌ها در اطراف حاشیه‌های عنصر نمایش داده می‌شوند. اما با ویژگی حاشیه متفاوت است.
کناره‌ها بخشی از اندازه عنصر نیستند، بنابراین عرض و ارتفاع ویژگی‌های عنصر شامل عرض کناره‌ها نمی‌شود.
لطفاً به
آموزش CSS:حاشیه CSS
دستورالعمل CSS:ویژگی outline
دستورالعمل HTML DOM:ویژگی outline
مثال
مثال 1
عرض کناره‌های عناصر <div> را تغییر دهید:
document.getElementById("myDiv").style.outlineWidth = "10px";
مثال 2
با استفاده از مقدار "thick" عرض کناره‌های عناصر <div> را تغییر دهید:
document.getElementById("myDiv").style.outlineWidth = "thick";
مثال 3
بازگشتی عرض کناره‌های عناصر <div>:
alert(document.getElementById("myDiv").style.outlineWidth);
منطق
بازگشتی ویژگی outlineWidth:
object.style.outlineWidth
تنظیم ویژگی outlineWidth:
object.style.outlineWidth = "thin|medium|thick|length|initial|inherit"
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| thin | کناره‌های نازک تعریف می‌کند. |
| medium | کناره‌های متوسط تعریف می‌کند. پیش‌فرض. |
| thick | کناره‌های ضخیم تعریف می‌کند. |
| length | عرض کناره‌ها به واحد طول. |
| initial | این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial. |
| inherit | این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit. |
جزئیات فنی
| مقدار پیش‌فرض: | medium |
|---|---|
| مقدار بازگشتی: | رشته‌ای که عرض کناره‌های عنصر را نشان می‌دهد. |
| نسخه CSS: | CSS2 |
پشتیبانی از مرورگر
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
- صفحه قبلی outlineStyle
- صفحه بعدی overflow
- برگشت به طبقه بالاتر اجزای Style HTML DOM
