ویژگی outline-width CSS

تعریف و کاربرد

ویژگی outline-width عرض کل پروفایل عنصر را تنظیم می‌کند، تنها زمانی که سبک پروفایل none نباشد، این عرض کار می‌کند. اگر سبک none باشد، عرض در واقع به 0 بازمی‌گردد. نمی‌توان مقدار منفی طول را تنظیم کرد.

outline (پروفایل) خطی است که دور عنصر کشیده می‌شود و در بیرون لبه‌های فریم قرار دارد و می‌تواند عنصر را برجسته کند. ویژگی outline پروفایل دور عنصر را تنظیم می‌کند.

توضیحات:لطفاً همیشه ویژگی outline-style را قبل از outline-width مشخص کنید. عنصر باید پروفایل داشته باشد تا بتوانید رنگ پروفایل را تغییر دهید.

توضیحات:خط پروفایل فضا را اشغال نمی‌کند و لزوماً مستطیل نیست.

لطفاً به این بخش نیز توجه کنید:

آموزش CSS:کناره‌ها CSS

دستورالعمل CSS:ویژگی outline

دستورالعمل HTML DOM:ویژگی outlineWidth

مثال

تنظیم رنگ پروفایل نقطه‌ای:

p
  {
  outline-style:dotted;
  outline-width:5px;
  }

آموزش عملی

آموزش زبان CSS

outline-width: medium|thin|thick|length|initial|inherit;

مقدار ویژگی

مقدار توضیح
thin تعیین پروفایل نازک.
medium پیش‌فرض. تعیین پروفایل متوسط.
thick تعیین پروفایل ضخیم.
length به شما اجازه می‌دهد تا مقدار ضخامت پروفایل را مشخص کنید.
inherit تعیین می‌کند که تنظیمات عرض پروفایل باید از عنصر والد ارث‌برداری کند.

جزئیات فنی

مقدار پیش‌فرض: medium
erbیابگی: no
نسخه: CSS2
آموزش زبان JavaScript: object.style.outlineWidth="thin"

مثال عملی

تنظیم عرض پروفایل
این مثال نحوه تنظیم عرض پروفایل را نشان می‌دهد.

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

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که از این ویژگی کامل پشتیبانی می‌کند.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.5 1.2 7.0

توضیحات:اگر !DOCTYPE مشخص شده باشد، IE8 از ویژگی outline پشتیبانی می‌کند.