Ibrahem Smart
زيزوومى ذهبى
غير متصل
مرحبا إخوتي أعضاء منتديات زيزووم للأمن والحماية
اليوم سأشرح لكم في دورة تعلم لغة 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 لجعل الكلام الكثير كله في سطر واحد وقد يتخطى مساحة العنصر الذي هو فيه
- اي خاصية تحدد مسافات نستخدم البيكسلات فيها للتحديد
