Display – Block, Inline-Block, Inline

نوصي بكورس تعلم أساسيات البرمجة من أكاديمية Codezilla من هنا
لحجز إستضافة من Hostinger والحصول على الخصم عن طريقي إتبع الشرح من هنا

من جوجل

ال Code الموجود في الدرس

من جوجل

3 تعليقات

  • Level 2

    الحمد لله وحده..
    تلخيصا لما جاء في الفيديو:
    ال Display في Css خاصية مسؤولة عن عرض عنصر HTML في صفحة الويب
    هناك قيم شائعة لهذه الخاصية ذكرها المهندس أسامة حفظه الله في الفيديو وهي

    1- block
    2- inline
    3- inline-block
    وهناك قيم أخرى متعلقة بهذه الخاصية نذكر منها على سبيل المثال لا الحصر

    1- none وهي قيمة لن تجعل العنصر يظهر على صفحة الويب ويتبع ذلك أن تصبح مساحته فارغة.

    مثال:
    .hidden-element {
    display: none;
    }

    2- Flex وهي قيمة تجعل العنصر كحاوية كبيرة وإذا كان بداخل العنصر عناصر أخرى ستصبح هذه العناصر عناصر مرنة في طريقة عرضها وهذه الخاصية متعلقة بدروس متقدمة في CSS سيتناولها المهندس أسامة حفظه الله

    3- Grid وهي قيمة تجعل العنصر كحاوية شبكية وإذا كان بداخله عناصر أخرى ستصبح عناصر شبكية وهذه الخاصية متعلقة بدروس متقدمة في CSS سيتناولها المهندس أسامة حفظه الله.

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

    table
    table-row
    table-cell
    list-item
    inline-table
    table-caption
    table-column
    table-column-group
    table-header-group
    table-footer-group
    table-row-group
    inherit


اترك تعليقاً