شرح تنسيق النصوص في CSS

شرح تنسيق النصوص في CSS

0

شرح تنسيق النصوص في CSS

تنسيق النصوص في css

اليوم تنسيق النصوص في css سابقا وضعنا شرح تنسيق الخطوط في لغة HTML ولكن اليوم سنشرح تنسيق النصوص في لغة CSS ، لغة CSS هي اختصار لكلمة Cascading Style Sheets ومعناها أوراق الأنماط المتتالية هي لغة التنسيق والتخطيط الخاص بالصفحة , هي التي تشيف الخطوط وتعدل علي الألوان والخلفيات وتجعل أيضا الاشكال متجاوبة

تنسيق النصوص في css

تنسيق النصوص في css

 المسافات بين الحروف – letter-spacing

في CSS يمكنك عمل تحديد المسافة بين الحروف والنصوص ومثلا جرب أن تعطي هذه القيمة في css خاصة بعنصر معين به نصوص

ستجد أن الحروف تباعدت وتم تحديد مسافة بين الحروف وللتوضيح أكثر هذه صورة تبين تباعد الحروف بسبب اضافة هذا الكود

تنسيق النصوص في css

خاصية spacing-Word

هذه الخاصية مخصصة في تحديد المسافة بين الكلمات وليس الحروف ومثلا ان اضفنا هذا الكود لأي نص :-

سيكون النص محدد لديه مسافة بين كل كلمة بمقدار 22px مثل هذه الصورة :-

تنسيق النصوص في css

لاحظ عنوان المقال والمسافات بين الكلمات ويمكنك تغيير المقدار كما تشاء .

خاصية height-Line

وهذه الخاصية تستخدم في تباعد بين الأسطر وهذه مهمة في المحتوي بحيث يمكنك تحديد مسافة بين الأسطر وبعضها وجرب أن تضع هذا الكود في نص معين :-

ستجد انه خصص مسافة معينة بين السطور

خاصية text-align

من أهم الخاصيات في تنسيق النصوص في css وهذه الخاصية تتحكم في محاذاة النص ويكون لديها ثلاث قيمة وهو Right و Left و Center ومثلا ان قمنا باضافة هذا الكود لعنوان مثلا :-

فسيكون محاذاة النص الي المنتصف كما في هذه الصورة تماما :-

تنسيق النصوص في css

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

خاصية Text-decoration

هذه الخاصة تُحدِّد شكل خطوط الزخرفة (decorative lines) المستخدمة على النص وجرب مثلا ان تضع هذا الكود في نص معين :-

					
text-decoration: underline wavy red;

ستجد بأن الكود تمت اضافة اسفله خط أحمر كما اضفنا في الكود ويمكنك تغيير هذا اللون كما تشاء واذا أردت ان تضع الكود أعلاه قم باضافة هذا الكود :-

					
text-decoration: overline;

خاصية  text- inndent

هذه خاصية لعمل ازاحة ولبدء النص أو الكلام المكتوب بعيداً عن أول السطر ومثال علي ذلك هذا الكود :-

وتوجد العديد من الخصائص الموجودة في تنسيق النصوص في css سنشرحها قريبا

انتهي مقال اليوم شكرا لمتابعتك للمقال أتمني أن المقال يفيدك ولاتنسي الاشتراك في الأسفل لكي نرسل لك كلمات رئيسية عالية الزيارة وعالية الربح CPC مجانا ! شكرا لزيارتك ويب تايمز قم بمشاركة الموضوع اذا افادك ولا تنسي الاطلاع علي شهاداتي واذا اردت الاستفسار عن أي شي لاتتردد في كتابته في تعليق .

لمتابعي موقع ويب تايمز فقط
سنرسل لك كلمات رئيسية عالية الزيارة وعالية الربح CPC مجانا !
يمكنك إلغاء الاشتراك في أي وقت

اترك رد

لن يتم نشر عنوان بريدك الإلكتروني.

5 × 5 =