تأثيرات على الكتابة في css

السلا عليكم ورحمة الله 

دائماً مع تنسيق النص بلغة CSS3  و في هاته الحصة سنتطرق إلى:

  • تسطير الكتابة ( تسطير من تحت، تشطيب، خط فوق الكتابة و وميض )
  • تصفيف الكتابة ( يمين، يسار، وسط و ضبط الكتابة )

تسطير الكتابة :

في هذا الصدد يـتيح لنا CSS خاصية text-decoration التي تسمح  بتسطير الكتابة و قيم أخرى كما يلي:

underline: تسطير.

line-through: تشطيب.

overline: خط فوق الكتابة.

blink: كتابة تُحْدِث و ميض .  و هذا النوع لا يعمل مع كل المتصفحات ( لا يعمل مثلاً مع Internet Explorer و Google Chrome.)

وهنا سنجرب تأثيرات text-decoration :

 

 


تنسيق النص ” L’alignement du texte “

تسمح لنا لغة CSS بالقيام بجميع التنسيقات المعروفة: اليسار، الوسط، اليمين و الضبط ( justifié ).

هاته العملية جد مهمة، و يجب معرفة مدى أهمية استعمالها  في تنسيق محتويات الموقع :

left (يسار) : سيتم إزاحة النص إلى اليسار.

Centre (الوسط): سيتم توسيط النص

Right ( اليمين) : سيتم إزاحة النص إلى اليمين.

justify : النص سيم ضبطه من كلا الطرفين. و هذا النوع من التنسيق يستعمل بشكل اعتيادي في نصوص الصحف و المجلات، لأنه لا يترك أي مساحة بيضاء في نهاية الأسطر.

وهنا نجرب تنسيقات مختلفة :

نفتح محرر النصوص و اليكن :  Notepad++ 

و نلصق فيه هاته الشفيرة:

 

 

سجل المحتوى في ملف بامتداد HTML. 

ثم افتح محرر النصوص مرة أخرى و ألصق هاته الشفيرة:

 

 

سجل المحتوى في ملف بامتداد CSS واليكن style.css   ثم افتح ملف html و اضغط على F5 و شاهد النتيجة المطابقة لهذا الشكل:

من موقع JABISM.COMمحاذاة النص: وسط، يمين، ضبط و يسار

إذا توصلت إلى نفس النتيجة ، فأنت متتبع جيد! أشجعك و أتمنى لك مسيرة موفقة!

الرجوع لقائمة المزيد من تنسيقات النصوص 

اترك تعليقًا

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

عدد المشاهدات لهذه المقالة : 796
انتقل إلى أعلى
%d مدونون معجبون بهذه: