CSS text color property

-

التحكم في Text في CSS سهل جدا، يحتوي CSS على عدد كبير جدا من الخصائص، وموضوعنا في هذا الدرس هو تغيير لون Text،في هذه الخاصية يتم تحديد اللون ل الخاصية Text 

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

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

<!DOCTYPE html>
<html>
    <style>
       body {
  color: blue;
    }
    div {
  color: green;
}
    </style>
<body>
    مرحبا بكم 
    <hr>
    Body تطبيق اللون على النص في  
   <div> outline تطبيق </div>            
</body>
</html>

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

طيب نفهم الكود:
الكود التالي :
body {
  color: blue;
    }
يتم تطبيق هذ الكود (اللون ازرق) على جميع elements الموجودة في صفحة HTML داخل الجزء Body 

الكود:
div {
  color: green;
}
يتم تطبيق هذ الكود (اللون اخضر) على جميع elements الموجودة داخل الجزء Div

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

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

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

مثال 

p { color: #FF0000; }

()rgb

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

مثال 

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

name

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

مثال 

p { color: red; }

inherit

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

مثال 

p { color: inherit; }

مثال Hexadecimal
p { color: #000000; }
مثال  RGB
p { color: rgb(0,0,0); }
مثال Color Name
p { color: black; }