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

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

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

  1. Ibrahem Smart

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

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


    [​IMG]

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

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

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

    text-decoration

    عندما نضع رابط في الصفحة تلقائيًا يقوم المتصفح بعمل خط أسفله لتمييزه أنه رابط فهذه الخاصية تستخدم لإزالة هذا الخط أو تغيير مكانه او إضافة خط للنص مع اختيار مكانه

    فمثلًا قمت بعمل رابط
    ( a ) بهذا الشكل

    1.png

    إذا أعطيته الخاصية بقيمة
    none

    2.png

    سيتم إزالة الخط

    3.png

    قيم هذه الخاصية: none ومعناها لا يظهر & underline ومعناها خط من الأسفل & overline ومعناها خط من الأعلى & line-through ومعناها خط في الداخل ( للشطب ).
    اذا خاصية text-decoration لاضافة خط للنصوص وإذا كان رابط فهي لازالة الخط أو تغيير مكانه ( none & underline & overline & line-through )

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

    text-indent

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

    6.png

    اذا اعطيته الخاصية بمسافة مثلًا
    50 بيكسل في CSS

    4.png

    سيتم عمل المسافة التي كتبتها قبل أول سطر

    5.png

    اذا خاصية
    text-indent لعمل مسافة قبل أول سطر من النص

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

    text-transform

    تستخدم مع النصوص الانجليزية فقط فهي تحدد شكل الحروف ( كله سمول & كله كابتل & أول حرف كابتل والباقي سمول ) فمثلًا قمت بعمل هذا النص سمول

    7.png

    فأنا في لغة
    css اعطيته خاصية text-transform بهذه القيمة

    8.png

    فانظر إلى شكل النص الأن

    9.png

    قيم الخاصية: capitalize ومعناها اول حرف من كل كلمة كابتل & uppercase ومعناها كل الحروف كابتل & lowercase ومعناها كل الحروف سمول.
    اذا خاصية text-transform لتحديد شكل الحروف الانجليزية ( capitalize & uppercase & lowercase )

    وهكذا اخوتي انتهينا من خواص النصوص

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

    خلاصة الدرس
    • text-decoration لعمل خط على النص & ازالة او تغيير شكل الخط الخاص بالروابط وتأخذ قيم none للإزالة و underline لعمل خط اسفل النص و overline لعمل خط فوق النص و line-through لعمل الخط داخل النص ( شطب )
    • text-indent لعمل مسافة قبل النص ( قبل أول سطر ) عن طريق البيكسلات
    • text-transform تستخدم لتحديد شكل الحروف الانجليزية في الجمل وتأخذ قيم capitalize لجعل أول حرف من كل كلمة كابتل و uppercase لجعل النص كله كابتل و lowercase لجعل النص كله سمول
    [​IMG]
     
    راجية الجنة ،Fadi344 و m-m-s-s معجبون بهذا.
  2. m-m-s-s

    m-m-s-s زيزوومي VIP الأعضاء النشطين لهذا الشهر

    إنضم إلينا في:
    ‏مارس 9, 2008
    المشاركات:
    2,650
    الإعجابات :
    1,473
    نقاط الجائزة:
    1,295
    الجنس:
    ذكر
    الإقامة:
    القاهرة
    برامج الحماية:
    ESET
    نظام التشغيل:
    Windows 10
    بارك الله فيك و سدد خطاك.png
     
    راجية الجنة و Ibrahem Smart معجبون بهذا.
  3. راجية الجنة

    راجية الجنة مُراقبة عامة طـــاقم الإدارة نجم الشهر نجم المنتدى

    إنضم إلينا في:
    ‏نوفمبر 9, 2015
    المشاركات:
    3,325
    الإعجابات :
    6,907
    نقاط الجائزة:
    2,645
    الجنس:
    أنثى
    الإقامة:
    الدُّنيا ظلّ زائل
    برامج الحماية:
    AVG
    نظام التشغيل:
    Windows XP
    بسم الله الرّحمن الرّحيم
    وعليكمُ السّلامُ ورحمة الله تعالى وبركاتهُ

    جزى الله تعالى إخوتي؛ خير الجزاء وأوفاهُ وأوفره.
    وجعلَ شرحهُم هُنا شاهدًا لهُم،
    وزوّادةً لكُلّ مُرتادي هذه السّاحة.

    زاد الله تعالى إخوتي من واسِع علمه وفضله،
    وعوّضهم عن وقتهم؛ آمينَ.
     
    أعجب بهذه المشاركة Ibrahem Smart
  4. Fadi344

    Fadi344 زيزوومي VIP الأعضاء النشطين لهذا الشهر

    إنضم إلينا في:
    ‏أغسطس 16, 2013
    المشاركات:
    2,376
    الإعجابات :
    2,480
    نقاط الجائزة:
    1,600
    الجنس:
    ذكر
    برامج الحماية:
    Kaspersky
    نظام التشغيل:
    Windows 7
    شكراً جزيلاً لكم أخي الكريم
    جزيتم كل خير ..
     
    أعجب بهذه المشاركة Ibrahem Smart

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

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