درس دورة تعلم لغة CSS | خواص النصوص - الجزء الثاني (7)

المصدر: دورة تعلم لغة CSS | خواص النصوص - الجزء الثاني (7)
في منتدى : منتدى الدّورات العامّة ولُغات البرمجة

مرحبا إخوتي أعضاء منتديات زيزووم للأمن والحماية
اليوم سأشرح لكم في دورة تعلم لغة CSS

خواص النصوص
الجزء الثاني

------------------------------------------------------------

letter-spacing

عند كتابة اي جملة ( في div & paragraph ) نجد بين كل حرف والأخر مسافة معينة (مظبوطة)



فعندما نعطيه مثلًا في CSS خاصية letter-spacing بقيمة مثلًا 5 بيكسل



تكون المسافة بين كل حرف والأخر 5 بيكسل



وهي في العادة تستخدم مع الخطوط الانجليزية فقط

إذا خاصية letter-spacing لتحديد المسافة بين كل حرف والأخر عن طريق البيكسلات

------------------------------------------------------------

word-spacing

ايضًا عند عمل باراجراف او ديف في HTML وكتابة نص فيه نجد بين كل كلمة والأخرى مسافة معينة



عندما أعطي هذا الديف الذي كتبته خاصية word-spacing مثلًا 5 بيكسل



ستصبح المسافة بين كل كلمة والأخرى 5 بيكسل



إذا خاصية word-spacing لتحديد المسافة بين كل كلمة والأخرى وتعمل مع جميع اللغات

------------------------------------------------------------

white-space

باختصار معناها ( جعل كل شئ في سطر واحد ) بمعنى انك اذا قمت بعمل صندوق في الصفحة وكتبت فيه كلام كثير كالتالي:



وأعطينا هذا الديف هذه الخواص في لغة CSS



( بعض الخواص في الأكواد سنشرحها في الدورة إن شاء الله اذا لم تكن تفهمها )

وهذه النتيجة صندوق بشكل جميل



وعندما نضيف لاكواد هذا الديف خاصية white-space بقيمتها ( nowrap )



يكون الكلام كله في سطر واحد حتى أنه تخطى مساحة الصندوق ( الديف ) الذي قمنا بعمله



إذا خاصية white-space تأخذ قيمة nowrap فقط ومعناها جعل كل الكلام في سطر واحد وتخطي مساحة العنصر

------------------------------------------------------------

خلاصة الدرس

• خاصية letter-spacing لتحديد المسافة بين كل حرف والأخر وفي العادة تستخدم في اللغات الاجنبية
• خاصية word-spacing مثل السابقة لكنها تحدد المسافة بين كل كلمة والأخرى وتنفع مع جميع اللغات
• خاصية white-space تأخذ قيمة واحده وهي nowrap لجعل الكلام الكثير كله في سطر واحد وقد يتخطى مساحة العنصر الذي هو فيه
• اي خاصية تحدد مسافات نستخدم البيكسلات فيها للتحديد