ویژگی خلاصه شده ی outline در CSS

ویژگی outline یک ویژگی خلاصه شده برای تنظیم تمام ویژگی های فردی outline زیر می باشد:

1. outline-width
2. outline-style (ضروری)
3. outline-color

ویژگی outline می تواند یک یا دو یا سه مقدار از مقادیر بالا را در خود جای دهد. ترتیب مقادیر بالا اهمیتی ندارد.

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

یک اوت لاین dashed

یک اوت لاین solid قرمز

یک اوت لاین زرد solid به اندازه 5px

یک اوت لاین ضخیم ridge به رنگ pink

p.ex1 {outline: dashed;}
p.ex2 {outline: dotted red;}
p.ex3 {outline: 5px solid yellow;}
p.ex4 {outline: thick ridge pink;}