رتبها

فاطمة العمودي 🌻 | UI/UX Designer

6 تغريدة Apr 02, 2023

CSS في layout ثريد اليوم بيكون عن
رح نتعلم عن القيم المختلفة display و طريقة عرض كل واحد

(1/4):
display: inline;
مميزات ان اذا جاء بعده اي شئ رح يكونون في نفس السطر إلا اذا مافي مساحة وطبعاً ماعنده هذه الخصائص padding margin, width

(2/4):
display: block;
padding, margin, width وله inline طبعاً هو عكس تماماً
inline و block الصورة توضح الفرق بين

(3/4):
display: inline-block;
طيب لو ابغى يكونون على نفس السطر ولكن اقدر اعدل على خصائص مثل width, padding, margin
inline-block هنا استخدم

(4/4):
التلخيص:
display: block; display: inline-block;
padding: ✅
margin: ✅
width: ✅
display: inline;
padding: ❌
margin:❌
width: ❌

المصدر: learn-the-web.algonquindesign.ca
اذا استفدوا لاتنسون المشاركة لإفادة الغير وشكراً
#ويب #css #FrontEnd

جاري تحميل الاقتراحات...