1. إستبعاد الملاحظة

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

الموضوع في 'منتدى الدورات العامة' بواسطة Ibrahem Smart, بتاريخ ‏يونيو 28, 2018.

  1. Ibrahem Smart

    Ibrahem Smart زيزوومى فضى

    إنضم إلينا في:
    ‏يناير 30, 2017
    المشاركات:
    1,829
    الإعجابات :
    1,004
    نقاط الجائزة:
    860
    الجنس:
    ذكر
    الإقامة:
    الاسكندرية
    برامج الحماية:
    ESET
    نظام التشغيل:
    Windows 7


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

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

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

    letter-spacing

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

    1.png

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

    2.png

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

    3.png

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

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

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

    word-spacing

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

    4.png

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

    5.png

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

    6.png

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

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

    white-space

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

    7.png

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

    8.png

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

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

    9.png

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

    10.png

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

    11.png

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

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

    خلاصة الدرس

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

    [​IMG]
     
    أعجب بهذه المشاركة راجية الجنة

مشاركة هذه الصفحة

جاري تحميل الصفحة...