كودات و خاصيات تنسيق النص بلغة Css

خاصيات تنسيق النص
الخاصيات المعنى
text-align ترصيف النص
text-indent إزاحة سطر واحد
text-decoration تزيين النص
font-variant و text-transform تحويل النص

text-align
بواسطة الخاصية text-align يمكننا التحكم في تموضع المحتوى على المستوى الأفقي للصّفحة
: إلى اليمين أو اليسار أو في الوسط .و القيم التي يمكن لهذه الخاصية أن تأخذها هي

left : و ضع النَّص يسار الصفحة
center : النّص في وسط الصفحة
right : و ضع النص يمين الصفحة
justify : النّص يأخذ كل حيز الصفحة من اليمين إلى اليسار (أو العكس) و لا يترك أي فراغ على الجوانب
inherit : النص المعني يرثُ نمط المحتوى الذي يتواجد فيه

text-indent
نستعمل الخاصية text-indent لإزاحة السطر الأول فقط من النص .
و يتم تحديد مسافة الإزاحة انطلاقا من بداية السطر : بالبيكسل "px" أو "em" أو "%" ... .
لنطبق مثالا على الفقرات ، حيث نحبّذ كثيرا استعمال هذه الخاصية .

text-decoration
لتنميق النص كتسطيره أو تشطيبه نستعمل الخاصية text-decoration و يمكننا إعطاءها القِيَم التالية :

underline: لِوَضع سطرٍ تَحت النَّص .
overline : لِوضع سطر فوق النص .
line-through : تشطيب النص.
none : لِخط عادي .
مثال يجمع قيم الخاصية text-decoration :

بالنسبة للغة العربية ، لن تحدث الخاصيتان أي تغيير على الخط . لا ترهقوا أنفسكم بالمحاولة .
تقوم الخاصيات بتحويل الخط من خانة صغيرة إلى خانة كبيرة ، و العكس صحيح
للخاصيتان قيم مختلفة :

font-variant
تستخدم قيمتين وهما :

small-caps : تقوم بتحويل الخط إلى حجم صغير
normal : للكتابة بحجم عادي
text-transform