نص CSS
يحتوي CSS على الكثير من الخصائص لتنسيق النص.
تنسيق النص
تم تصميم هذا النص باستخدام بعض خصائص تنسيق النص. يستخدم العنوان خصائص محاذاة النص وتحويل النص واللون. يتم وضع مسافة بادئة للفقرة ومحاذاتها ويتم تحديد المسافة بين الأحرف. تمت إزالة التسطير من الرابط الملون
لون الخط
يتم colorاستخدام الخاصية لتعيين لون النص. اللون محدد بواسطة:
- اسم لون - مثل "أحمر"
- قيمة HEX - مثل "# ff0000"
- قيمة RGB - مثل "rgb (255،0،0)"
انظر إلى CSS Color Values للحصول على قائمة كاملة بقيم الألوان الممكنة.
يتم تحديد لون النص الافتراضي للصفحة في محدد النص.
مثال
body {
color: blue;
}
h1 {
color: green;
}
لون النص ولون الخلفية
في هذا المثال ، نحدد كل من background-colorالخاصية colorوالممتلكات:
مثال
body {
background-color: lightgrey;
color: blue;
}
h1 {
background-color: black;
color: white;
}
div {
background-color: blue;
color: white;
}
هام: التباين العالي مهم جدًا للأشخاص الذين يعانون من مشاكل في الرؤية. لذلك ، تأكد دائمًا من أن التباين بين لون النص ولون الخلفية (أو صورة الخلفية) جيد!