فاصلة
  • CSS
  • ?
    : ترتيب الدرس
  • 13
    عدد الدروس
  • ?
    أخر تحديث

تنسيق النصوص في لغة CSS

النصوص هي الجوكر الذي لا غني عنة في اي موقع ,ولذلك يجب ان نهتم بالنصوص للوصول بها الي شكل مناسب للتصميم ,وعند التعمق في تصميم الموقع الخاص بك سوف تقتنع تماماُ بأن النصوص قد تجعل موقعك ذو مظهر جميل جداً او تكون هي السبب الوحيد في عدم وصول موقعك الي الشكل المناسب  ,ولأستخدام النصوص بشكل جيد سوف نتعلم التحكم الكامل في تنسيقها .

هنا مثال علي استخدام نص ذو اشكال وتنسيقات مختلفة

 


خاصية محاذاة النصوص text-align

هي الخاصية المسؤولة عن تحديد مكان وجود النص في العنصر او الصفحة , وتمتلك الخاصية text-align  ثلاثة قيم يمكنهم التحكم في مكان النص ,والمكان قد يكون في اليمين Right او المنتصف Center  أو الشمال  Left

وفي الأشكال التالية سوف نستخدم الخاصية لتوضيح فكرة القيم الثلاثة ("left","Center","Right")

 
 text-align:right;
text-align:center;
text-align:left;
 

Right

Center

left

 


خاصية تشكيل النصوص text-decoration

هي خاصية تقوم بأنشاء نصوص ذو طبيعة مختلفة ,مثل وضع خط اسفل الكلام او تحويل الخط الي الوضع المشطوب ,ويمكن استخدام الخاصية  لأزالة الخط الافتراضي الموجود اسفل الرابط  , وفيما يلي بعض اوامر الــ text-decoration

  • overline : هي قيمة لخاصية text-decoration ,مسؤولة عن وضع خط اعلي النصوص
  • underline : هي قيمة لخاصية text-decoration ,مسؤولة عن وضع خط اسفل النصوص
  • line-through: هي قيمة لخاصية text-decoration ,مسؤولة عن انشاء خط مشطوب
text-decoration:overline;
text-decoration:line-through;
text-decoration:underline;


خاصية تحويل الأحرف text-transform

يتم استخدام خاصية text-transform مع الأحرف الأجنبية فقد لأنها تقوم بتحويل الأحرف الي احرف صغيرة او احرف كبيرة ,واللغة العربية لا تتكون من احرف منفصلة مثل اللغة الأجنبية  ولا تحتوي علي احرف صغيرة وكبيرة ,وسوف نستخدم تلك الخاصية مع اللغة الأجنبية فقد .

  • uppercase : مسؤولة عن تغيير حالة الأحرف الي الأحرف الكبيرة
  • lowercase : تحويل الأحرف الي الاحرف الصغيرة
  • capitalize : مسؤولة عن تحويل اول حرف من كل كلمة الي حرف كبير

ولتوضيح الفكرة بشكل أكبر قم بالنظر الي الأشكال التالية ,سوف تجد أن uppercase متكونة من أحرف كبيرة ,و lowecase  متكونة من احرف صغيرة وcapitalize متكونة من أحرف صغيرة بأستثناء الحرف الأول

uppercase

lowercase

capitalize

 
أساسيات التضمين الألوان الخلفيات الحدود الهوامش الهوامش الداخلية العرض والأرتفاع الصناديق حدود خارجية النصوص الخطوط الأيقونات