ايش هو display وكيف اتحكم بطريقة العرض ؟
بهذا الثريد رح نتعرف على ميزة مهمة ب css
اليوم الثامن عشر في #100DaysOfCode
#ثريد
بهذا الثريد رح نتعرف على ميزة مهمة ب css
اليوم الثامن عشر في #100DaysOfCode
#ثريد
خاصية display ؟
هي باختصار خاصية مسؤولية عن طريقة عرض العنصر
يوجد 3 طرق لعرض العناصر :-
1 - Block
2 - inline
3 - inline-block
مثال لو عندي عنصر inline بإمكاني جعله block والعكس صحيح وايضا يمكننا تحويله الى inline-block
هي باختصار خاصية مسؤولية عن طريقة عرض العنصر
يوجد 3 طرق لعرض العناصر :-
1 - Block
2 - inline
3 - inline-block
مثال لو عندي عنصر inline بإمكاني جعله block والعكس صحيح وايضا يمكننا تحويله الى inline-block
نبدأ بخصائص block :
1- يكون العنصر فيه full width اذا لم تحدد width
2- يضع line break قبل وبعد العنصر
3- يحترم ( يعني يمكنني وضع كل من )
padding - margin - width - height
1- يكون العنصر فيه full width اذا لم تحدد width
2- يضع line break قبل وبعد العنصر
3- يحترم ( يعني يمكنني وضع كل من )
padding - margin - width - height
ثانيا inline :
1- لا يضع line break بين العناصر
2- لا يحترم width - height وبالنسبة لكل من padding و margin يقبل فقط
left & right
1- لا يضع line break بين العناصر
2- لا يحترم width - height وبالنسبة لكل من padding و margin يقبل فقط
left & right
ثالثا inline-block :
1- يحترم كل من width - height - padding - margin
2- يسمح للعناصر ان تأتي قبله وبعده
1- يحترم كل من width - height - padding - margin
2- يسمح للعناصر ان تأتي قبله وبعده
وفي النهاية شكرا لكم
لا تنسوا اللايك ورتويت ليستفيد غيرك 🌹
لا تنسوا اللايك ورتويت ليستفيد غيرك 🌹
جاري تحميل الاقتراحات...