css outline color property

-

في هذه الخاصية يتم تحديد اللون ل الخاصية Outline لرسم خط حول محتويات element@@#s border.

تمام خلونا نعمل مثال حتى نفهم الموضوع بشكل أفضل:

نبدأ بإنشاء ملف HTML باسم  Outline وبعدها نضيف الكود التالي: 

<!DOCTYPE html>
<html>
    <style>
        div{
            border: 1px solid black;
             outline-style: solid;
            outline-color: red;
            outline-width: thin;
        }
    </style>
<body>
   <div> outline تطبيق </div>            
</body>
</html>

شغل الصفحة ونشوف النتيجة (الصورة)

تمام طريقة الكتابة بتكون بالشكل: 
outline-color: value;
نتعرف على القيم التي يمكن تطبيقها في parameter الي تستخدم هنا :

القيمة
الوصف
#RRGGBB

تطبيق لون باستخدام Hexadecimal

مثال :

p { outline-color: #FF0000; }
rgb()

تطبيق لون باستخدام RGB 

مثال 

p { outline-color: rgb(255,0,0); }

name

تطبيق لون باستخدام اسم اللون 

مثال 

p { outline-color: red; }

Inverts 

يعكس لون الخلفية

مثال 

p { outline-color: invert; }

inherit

سيرث element لون border من parent element

مثال 

p { outline-color: inherit; }

مثال Hexadecimal:

p { outline-color: #000000; outline-style: solid; }
مثال  RGB

p { outline-color: rgb(0,0,0); outline-style: solid; }

مثال Color Name

p { outline-color: black; outline-style: solid; }