خصوصیت outline CSS

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

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

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

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

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

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

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

طراحی 4 حاشیه را تنظیم کنید:

p
  {
  outline:#00FF00 dotted thick;
  }

outline: outline-width outline-style outline-color|initial|inherit;

مقدار	توضیحات
outline-color	مقدار رنگ حاشیه را تعیین می‌کند. لطفاً به:outline-color مقدارهای ممکن در اینجا آورده شده‌اند.
outline-style	مقدار سبک حاشیه را تعیین می‌کند. لطفاً به:outline-style مقدارهای ممکن در اینجا آورده شده‌اند.
outline-width	مقدار عرض حاشیه را تعیین می‌کند. لطفاً به:outline-width مقدارهای ممکن در اینجا آورده شده‌اند.
inherit	مقدار تعیین شده باید از عنصر والد به ویژگی outline ارث‌پذیر باشد.

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

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

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

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

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