CSS آؤٹلائن اپریشن

تعریف و استفاده

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

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

ویژگی کوتاه‌نویسی outline تمام ویژگی‌های لبه را در یک بیان تنظیم می‌کند.

می‌توانید به ترتیب زیر این ویژگی‌ها را تنظیم کنید:

اگر یکی از این مقادیر تنظیم نشود، مشکلی ایجاد نمی‌شود، مثلاً outline:solid #ff0000; نیز مجاز است.

لطفاً به اینجا نیز مراجعه کنید:

آموزش CSSCSS کا اورین

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

مثال

نوع لبه 4 تا لبه را تنظیم کنید:

p
  {
  outline:#00FF00 dotted thick;
  }

آموزش عملی

آموزش زبان CSS

outline: outline-width outline-style اوتلائن کا رنگ|initial|inherit;

مقدار ویژگی

مقدار توضیحات
اوتلائن کا رنگ رنگ لبه را تعیین می‌کند. مراجعه کنید به:اوتلائن کا رنگ مقدارهای ممکن در اینجا.
outline-style نوع لبه را تعیین می‌کند. مراجعه کنید به:outline-style مقدارهای ممکن در اینجا.
outline-width مقدار عرض لبه را تعیین می‌کند. مراجعه کنید به:outline-width مقدارهای ممکن در اینجا.
inherit تعیین می‌شود که outline نمیتواند از تنظیمات عنصر والد به ارث برود.

جزئیات فنی

مقدار پیش‌فرض: invert none medium
نسبت‌دهی: no
نسخه: CSS2
آموزش زبان JavaScript: object.style.outline="#0000FF dotted thin"

مثال عملی TIY

در اطراف عنصر خطی کشیدن
این مثال نشان می‌دهد که چگونه از ویژگی outline در اطراف یک عنصر خطی کشید.

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

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

چروم آئی ای / ایج فائرفاکس سافری اوپرا
1.0 8.0 1.5 1.2 7.0

توضیحات:اگر !DOCTYPE مقرر شد، سپس IE8 outline نمیتواند.