لون الخط هو واحد من السمات الهامة التي يمكن تغييرها باستخدام كس (أوراق الأنماط المتتالية). يسمح لك بجذب انتباه القارئ وجعل النص أكثر تعبيرا. ومع ذلك, ماذا لو كنت ترغب في إلغاء لون النص وإعادته إلى القيمة الافتراضية?
طريقة سهلة للتراجع عن لون النص في كس هو تعيين قيمته إلى"وراثة". هذا يعني أن لون النص المستقبلي سيتم توريثه من عنصره الأصلي. في هذه الحالة ، سيكون للخط نفس لون النص المحيط.
ومع ذلك ، يجب ألا يغيب عن البال أن استخدام قيمة "الوراثة" يمكن أن يؤدي إلى نتائج غير مرغوب فيها ، خاصة إذا كان العنصر الأصل له لون نص غير قياسي. لذلك ، يوصى باستخدام هذه الطريقة فقط إذا كنت تعرف بالضبط لون العنصر الأصلي.
ملاحظة: إذا كنت تريد إعادة تعيين جميع الأنماط وإرجاع النص إلى القيم الافتراضية ، فيمكنك استخدام القيمة "الأولية" بدلا من "وراثة". يلغي جميع الأنماط المحددة وسيحتوي الخط على الإعدادات الافتراضية التي يحددها المتصفح.
- تغيير لون الخط في المغلق
- طريقة سهلة لتغيير لون الخط
- إلغاء لون النص في كس
تغيير لون الخط في المغلق
1. باستخدام خاصية اللون:
أسهل طريقة لتغيير لون الخط في كس هو استخدام خاصية اللون. لتغيير لون النص ، أضف هذه الخاصية إلى العنصر المحدد وحدد اللون المطلوب. على سبيل المثال:
ف { اللون: أحمر؛}
2. استخدام الكلمات الرئيسية:
يحتوي كس أيضا على بعض الكلمات الرئيسية المتاحة لتحديد الألوان ، مثل الأحمر (الأحمر) والأزرق (الأزرق) والأخضر (الأخضر) وغيرها.
ف { اللون: أزرق؛}
3. استخدام القيم في النظام الست عشري:
يمكن أيضا تحديد الألوان باستخدام القيم السداسية العشرية التي تمثل مجموعات من الأحمر والأخضر والأزرق (رغب). على سبيل المثال ، باستخدام #فف0000 سوف تعطي اللون الأحمر و #00 ف00 سوف تعطي اللون الأخضر.
ف {اللون: # ف 0000؛}
4. استخدام الألوان بتنسيق هسل:
كما يدعم كس تعريف الألوان باستخدام نموذج اللون هسل (هوى ، والتشبع ، وخفة). على سبيل المثال ، يمكنك استخدام قيمة هسل(0 ، 100 ٪ ، 50٪) للأحمر ، حيث قيمة هوى هي 0.
ف {اللون : هسل(0, 100%, 50%); }
يعد تغيير لون الخط في كس أداة قوية لإنشاء صفحات ويب جذابة وفريدة من نوعها. باستخدام طرق مختلفة للكشف عن الألوان ، يمكنك تحقيق تأثيرات مثيرة للاهتمام والتأكيد على أهمية عناصر معينة على الصفحة.
طريقة سهلة لتغيير لون الخط
يتم استخدام خاصية اللون لتغيير لون الخط في كس. هذه الخاصية تسمح لك لتعيين لون النص باستخدام قيم مختلفة: أسماء الألوان ، رموز عرافة ، قيم رغب.
على سبيل المثال ، لتغيير لون الخط إلى اللون الأحمر ، يمكنك استخدام رمز كس التالي:
اللون: أحمر;
إذا كنت بحاجة إلى استخدام رموز الألوان عرافة ، يمكنك الكتابة في كس على النحو التالي:
اللون: # فف0000;اللون: # 00;
ومن الممكن أيضا استخدام قيم رغب ، على سبيل المثال:
اللون: رغب(255 ، 0 ، 0);
في كس ، فمن الممكن أيضا استخدام أسماء الألوان باللغة الإنجليزية ، على سبيل المثال:
اللون: أزرق;اللون: أخضر;اللون: أصفر;
وبالتالي ، من خلال تعيين القيمة المطلوبة لخاصية اللون ، يمكنك بسهولة تغيير لون الخط وإنشاء النمط المطلوب للنص على صفحة الويب الخاصة بك.
إلغاء لون النص في كس
لإلغاء لون النص في كس ، يمكنك تطبيق خاصية ' اللون 'على عنصر وتعيين قيمته إلى'الأولي'. على سبيل المثال:
- - يضبط لون نص العنصر على قيمته الأصلية.
وبالإضافة إلى ذلك ، يمكنك أيضا استخدام قيمة اللون 'وراثة' محددة لإلغاء لون النص وترث اللون من العنصر الأصل. على سبيل المثال:
- - يحدد لون النص من عنصر يساوي لون العنصر الأصل.
لاحظ أنه لا يمكن تطبيق إلغاء لون النص إلا على عنصر ، وليس على عناصره الفرعية. إذا كنت ترغب في إلغاء لون النص لعدة عناصر أو للمستند بأكمله ، فسيتعين عليك تطبيق الأنماط المناسبة على كل عنصر أو استخدام محددات كس الشائعة.
من المهم أن نلاحظ أن ليس كل المتصفحات تدعم بشكل كامل القيم 'الأولية' و 'وراثة' لخاصية 'اللون'. في بعض الحالات ، قد يكون من الضروري استخدام طرق بديلة لإلغاء لون النص. من الأفضل دائما اختبار التعليمات البرمجية الخاصة بك على متصفحات مختلفة للتأكد من أنها تعمل بشكل صحيح.
الآن أنت تعرف كيفية التراجع عن لون النص في كس باستخدام القيمة 'الأولي' أو 'وراثة'. استخدم هذه الطرق عندما تحتاج إلى إعادة تعيين أو تغيير لون نص صفحة الويب الخاصة بك.