أنواع التدفق والعرض (display: block, inline, inline-block, none)

خاصية `display` هي أهم خاصية في CSS — تتحكم في كيفية تدفق العنصر وحجمه ومشاركته في التخطيط.

**block:** - يأخذ سطراً كاملاً - يقبل width, height, margin, padding - أمثلة: div, p, h1-h6, ul, li, header, footer

**inline:** - يتدفق داخل النص كالكلمات - لا يقبل width وheight - margin وpadding أفقيان فقط تؤثران في التخطيط - أمثلة: span, a, strong, em, img

**inline-block:** - يتدفق كـ inline لكن يقبل width وheight وكل الـ margin/padding - مفيد للأزرار والشارات

**none:** - يُخفي العنصر تماماً ويُزيله من التدفق (لا يحجز مساحة)

**table / table-row / table-cell:** - يُعطي سلوك HTML Table بدون وسوم Table

**contents:** - يجعل الحاوية غير مرئية بصرياً ولا يحجز حد لها (أبناؤها يتصرفون كأبناء مباشرين للجد)