CSS آؤٹلائن اسٹائل属性

تعریف اور استعمال

outline-style کا استعمال کیا جاتا ہے تاکہ عناصر کی پورے خلیلی کا انداز مقرر کیا جائے۔ انداز none نہیں ہونا چاہئے، وغیراً تو خلیلی نمودار نہیں ہوگی。

outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。outline 属性设置元素周围的轮廓线。

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

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

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

لطفاً ببینید:CSS کا خطر

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

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

ویژگی outlineStyle

مثال

تنظیم سبک پروفایل:
  p
  outline-style:dotted;
  {

}

آزمایش کنید

جمله‌بندی CSS

outline-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

مقدار ویژگی مقدار
هیچ‌کدام توضیح
پیش‌فرض. تعریف بدون لبه. مخفی
پیکسی مخفی
پیکسی تعریف لبه‌های پیکسی.
یکپارچه تعریف لبه‌های یکپارچه.
دو خطی تعریف لبه‌های دو خطی. عرض خط‌ها برابر با مقدار outline-width است.
فرو رفته تعریف لبه‌های فرو رفته از داخل 3D. این اثر بستگی به مقدار outline-color دارد.
برآمده از داخل تعریف لبه‌های برآمده از داخل 3D. این اثر بستگی به مقدار outline-color دارد.
فرو رفته تعریف لبه‌های فرو رفته 3D. این اثر بستگی به مقدار outline-color دارد.
برآمده تعریف لبه‌های برآمده 3D. این اثر بستگی به مقدار outline-color دارد.
وراثت تعیین می‌کند که تنظیمات سبک پروفایل باید از عنصر والد ارث ببرد.

جزئیات فنی

مقدار پیش‌فرض: هیچ‌کدام
وراثت: خیر
نسخه: CSS2
جمله‌بندی جاوااسکریپت: اجسام.style.outlineStyle="dotted"

مثال عملی

تنظیم سبک پروفایل
این مثال نحوه تنظیم سبک پروفایل را نشان می‌دهد.

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

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

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

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