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

المصدر: دورة تعلم لغة CSS | Display - الجزء الثاني (16)
في منتدى : منتدى الدّورات العامّة ولُغات البرمجة

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

Display
طريقة عرض العنصر
الجزء الثاني

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

كنا قد شرحنا قيمتين من قبل في الجزء الأول من الدرس ولم أستطع استكمال الشرح كامل في درس واحد بسبب بعض الظروف فقمت بتقسيم الدرس لجزئين
واليوم أشرح لكم الجزء الثاتي من الدرس وسوف نشرح 3 قيم من الخاصية ( inline-block & none & table ).

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

inline-block

نجد أن أسم هذه القيمة يجمع بين قيمتي ( inline,block ) في قيمة واحدة فتأخذ ميزات من كلا القيمتين فتأخذ من الانلاين أن العناصر ستكون بجوار بعضها فقط (على سطر واحد) وتأخد من بلوك أنه عند إضافة طول أو عرض أو (margin & padding) كل هذا سوف يعمل ولكن مع خاصية انلاين لا يمكن إضافة اي خاصية منهم.
وبعد معرفتك مميزات هذه القيمة فأنت يمكنك أن تتخلى تمامًا عن قيمة inline فقد تجد بعض المشاكل فيها.

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

none

هذا القيمة لا تحتاج أي شرح ولا أي حفظ فمن أسمها فهذه القيمة تقوم بإخفاء العنصر تمامًا من مكانه.
وفي المستقبل إن شاء الله سوف تتعلم خاصية اخرى خارج display تقوم أيضًا بإخفاء العنصر وستعرف الفرق بينهما.

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

بالنسبة لقيمة table وعدد كبير جدًا من القيم الأخرى في الخاصية فوجدت أنهم مرتبطون ببعضهم
ستجد في هذا المقال للموقع العملاق التابع لشركة موزيلا شرح شامل لكل قيم الخاصية يمكنك اكتشافهم من هنا.

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