اذهب إلى المحتوى
  • 0

مشكلة في عدم تغيير الوان النصوص باستخدام CSS

Hussain Abd Aljalil

السؤال

السلام عليكم عندما اريد التحكم بوسم معين مثلا {colum-rule-color:واختيار اللون}h1 عندما اضغط حفظ واذهب الى المتصفح لايتغير شيء .

تم التعديل في بواسطة Mustafa Suleiman
تعديل عنوان السؤال
رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 1

القاعدة  column-rule-color لاتقوم بتغيير لون الوسم، و إنما تقوم بتغيير لون الفاصل بين الأعمدة في حال كان المخطط الخاص بصفحتك يعتمد على عدة أعمدة، و بالتالي في حالتك القاعدة خاطئة حيث أنه بشكل عام لا يتكون المكون h1 من عدة أعمدة، بل مجرد نص.

في حال أردت تغيير لون الوسم h1 عليك استخدام القاعدة color فقط، أي تكتب ما يلي مثلاً:

h1 {
  color: red;
}

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 1

بالإضافة إلى ما ذكره قيس، يمكن أن يكون السبب  هو عدم ربط ملف CSS الخاص بك بشكل صحيح داخل صفحة HTML الخاصة بك. لذلك، يجب التأكد من وجود رابط CSS صحيح في الصفحة HTML الخاصة بك وأن يشير إلى ملف CSS الصحيح.

<!DOCTYPE html>
<html>
<head>
	<title>مثال على إضافة رابط CSS</title>
	<!-- رابط CSS -->
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<h1>مرحبا بالعالم!</h1>
	<p>هذا مثال على كيفية إضافة رابط CSS في صفحة HTML.</p>
</body>
</html>

في المثال، تم إضافة عنصر "link" داخل رأس الصفحة HTML الخاصة بنا، وتم تحديد الرابط المناسب لملف CSS الذي يحتوي على الأنماط التي نريد تطبيقها على الصفحة. يتم تحديد المسار النسبي لملف CSS في الخاصية "href" التي تأتي بعد كلمة "stylesheet".

الفرق بين color و column-rule-color

يجب معرفة أن color و column-rule-color هما خاصيتان في CSS تستخدمان لتحديد لون النص ولون حاشية العمود (column rule) في تنسيق النصوص على شكل عمود في الصفحة.

فخاصية color تستخدم لتحديد لون النص وتطبق على النص ككل، وتأخذ القيمة في شكل قيمة HEX، RGB أو اسم اللون. على سبيل المثال:

h1 {
  color: #ff0000; /* يحدد لون النص كأحمر */
}

أما خاصية column-rule-color فتستخدم لتحديد لون حاشية العمود في صفحات الويب الذي يتم عرضها على شكل عمود. تأخذ هذه الخاصية قيمة اللون بنفس الطريقة التي يتم بها تحديد لون النص. على سبيل المثال:

css-column-rule-color.jpg.ae0357ef688f6f13bb356e2abff9f01c.jpg

div {
  -webkit-column-rule-color: blue; /* يحدد لون حاشية العمود بلون أزرق */
  -moz-column-rule-color: blue;
  column-rule-color: blue;
}

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...