تحديد النصوص بألوان مختلفة بالـ css

سنتعلم في هذا الدرس كيفية وضع خلفية لونية عند تحديد نص

كما نشاهد في 99% من المواقع و المدونات ان لون التحديد الإفتراضي هو الازرق

و المقصود بالتحديد هو عندما نحدد نص لنسخة

بإمكاننا بإستخدام الدالة 

::selection

 

ان نُخصص لون مُعين عند تحديد النص

بإمكاننا وضع لون يتناسب مع موقعنا او مدونتنا

 

و لا ننسى ان الدالة السابقة تُعتبر من دوال لغة css3 

 

قمت بتصميم صفحة خاصة بهذا الدرس 

أُفضل معاينتها ثم العودة الى الدرس

 

 

مُعاينة

 

 

 

 

كما رأيتم في المعاينة السابقة بعد تحديد النصوص

 

إذاً الدالة السابق ذكرها في أول الدرس هي من تقوم بتحديد لون خلفية النص المُحدد

 

إذا كنت تود تخصيص لون النص المحدد في موقعك بلون يتناسب مع ألوان ستايل موقعك

فكل ما عليك نسخ الكود التالي و إدراجة في ملف الستايل مع تغيير اللون حسب رغبتك

::selection {
		background: #a8d1ff;
	}

عن التدوينة

عدد المشاهدات : 590

تم نشر التدوينة : 11/11/20 - 4:03 صباح

آخر تحديث :

كاتب التدوينة : mộŝŧẵ7їℓ ẵňŝẵҝ

تصنيف التدوينة : css

الرابط المختصر: http://www.mtwwr.com/?p=2679

كن على تواصل

       
  1. خالد الشهري

    20 نوفمبر, 2011 /قبل 181 يوم / الساعة 2:05:46 م

    درس جميل ومفيد

    يعطيك العافية :D

    #
  2. تسنيم

    22 نوفمبر, 2011 /قبل 179 يوم / الساعة 12:17:29 م

    بجد شرح للغاية

    لكم منى اجمل تحية

    #

أضف رد

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

*

يمكنك استخدام أكواد HTML والخصائص التالية: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

:D :) :( :o 8) :eek: ;-( :grin: :wink: :arrow: :idea: :?: :!: :evil: O:) :-| :-* :-(( :poke: :love: :tired: :emotion: :party: :clown: :worried: X( :p