رنگ Outline
ویژگی outline-color
برای تنظیم رنگ outline استفاده میشود.[۱]
رنگ را میتوان به وسیله مقادیر زیر تنظیم کرد:
- نام رنگ - نام یک رنگ را مشخص میکند، مانند "red" (قرمز)
- HEX - یک مقدار هگز را مشخص میکند، مانند "#ff0000"
- RGB - یک مقدار RGB را مشخص میکند، مانند "rgb(255,0,0)"
- HSL - یک مقدار HSL را مشخص میکند، مانند "hsl(0, 100%, 50%)"
- invert (به فارسی: معکوس) - موجب فراهم شدن یک وارونگی رنگ میشود (که اطمینان حاصل پیدا میکند که outline، صرف نظر از رنگ پس زمینه قابل مشاهده است)
مثال زیر outlineهای متفاوتی را با رنگهای متفاوت نشان میدهد. همچنین توجه داشته باشید که این عنصر یک کادر باریک سیاه رنگ درون outline دارند:
یک outline قرمز رنگ از نوع solid
یک outline سبز رنگ از نوع double
یک outline زرد رنگ از نوع outset
مقادیر HEX
رنگ outline میبایست با یک مقدار هگزا دسیمال (HEX) مشخص شود :
مقادیر RGB
یا با استفاده از مقادیر RGB :
مقادیر HSL
میتوانید از مقادیر HSL نیز استفاده کنید:
میتوانید مطالب بیشتری را در مورد HEX ,RGB و HSL در فصل رنگهای CSS ما بخوانید.
رنگ معکوس
مثال زیر از outline-color: invert
استفاده میکند، که یک وارونگی رنگ را فراهم میکند. این امر تضمین میکند که outline صرف نظر از رنگ پس زمینه، قابل مشاهده است:
یک outline وارونه از نوع solid.
منابع آموزشی