الدرس الرابع خصائص مظهر النصوص في اكواد css

Text – transform

هذه الخاصية تستخدم لتغيير حالة الاحرف ما بين صغيرة او كبيرة، ونأخذ أحد هذه القيم:

القيمة	ملاحظات
UPPERCASE	لجعل الحروف كبيرة
Lowercase	لجعل الحروف صغيرة
Capitalize	لجعل الحرف الأول فقط من كل كلمة حرفا كبيرا.

مثال/

P { text-transform:uppercase; }

Text – indend

تستخدم هذه الخاصية لترك مسافة فاصلة في بداية كل فقرة ، وهي تأخذ قيمة رقمية مثلا 20px

مثال/

P { text-indent:10px; }

يمكن إعطاء قيمة رقمية كبيرة بالسالب ليختفي النص الظاهر من على العنصر وهذا يستخدم غالبا مع الازرار والروابط .

مثال/

a { text-indent:-9999px; }

Text-decoration

وهي تضع خط تحت الوصلة التشعبية او النص المكتوب وتحدد مكان الخط في الأسفل او الأعلى او المنتصف او عدم ظهور أي خط، وهي تأخذ أحد الخواص التالية:

القيمة	ملاحظات
Underline	تجعل الخط اسفل النص
Overline	تجعل الخط فوق النص
Line-through	تجعل الخط في منتصف النص
None	تخفي الخط ولا تجعله ظاهرا

مثال/

a { text-decoration:-none; }

Text-align

وهي تستخدم لمحاذاة النص وتحديد مكانه وكذلك لمساواة أسطر الفقرة، وهي تأخذ أحد القيم التالية:

القيمة	ملاحظات
left	لمحاذاة النص الى جهة اليسار
right	لمحاذاة النص الى جهة اليمين
top	لمحاذاة النص الى الاعلى
Bottom	لمحاذاة النص الى الاسفل
center	لمحاذاة النص الى المنتصف
justify	تجعل جميع أسطر الفقرة متساوية.

مثال/

P { text-aligne:left; }

Direction

تستخدم هذه الخاصية لتحديد اتجاه النص من اليمين الى اليسار او العكس، وتأخذ القيمتين التاليتين:

القيمة	ملاحظات
rtl	من اليمين الى اليسار
ltr	من اليسار الى اليمين

مثال/

Body { direction;rtl }

7:24:00 ص