English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

دليل CSS الأساسي

نموذج الصندوق CSS

دليل CSS3 الأساسي

دليل CSS

قواعد CSS (@RULES)

لون CSS (اللون)

تعريف خاصية اللون CSS يحدد لون النص الأمامي للعنصر.

تعيين خصائص اللون

النقطة:اللونتُحدد خصائص اللون عادةً لون النص الموجود في العنصر.

على سبيل المثال، في المختاراتاللونالخصائص المحددةbodyتحديد لون النص الافتراضي للصفحة بأكملها (عادة لون الخلفية).

body {color: #000000;}
الاختبار لرؤية <</>

تُحدد الألوان في CSS عادة بالطرق التالية:

  • قيم سدسية-مثل "#ff0000"

  • قيم RGB-مثل "rgb(255,0,0)"

  • أسماء الألوان-مثل "الأحمر"

للإطلاع على قائمة شاملة بأسماء الألوان.

تأثير خصائص اللون على الحواف والهوامش

النقطة:اللونتُستخدم خصائص اللون ليس فقط للنصوص، بل لجميع الأنماط التي تستخدم قيم اللون في الأمام. على سبيل المثال، إذا لم يتم تحديد العنصر بشكل واضحborder-colorأوoutline-colorإذا لم تُحدد القيمة، فسيتم استخدام قيمة اللون.

p.one {
    color: #0000ff;
    border: 2px solid;
    }
p.two {
    color: #00ff00;
    outline: 2px solid;
    }
الاختبار لرؤية <</>

النصيحة:النقطة:اللونتتولد القيم اللونية للخصائص عادة من العنصر الأم،الرسوم البيانيةالعناصر الاستثنائية.