أعلى الهامش والعناصر المضمنة

في CSS، يتم استخدام خاصية الهامش لتحديد التباعد خارج حدود العنصر. ومع ذلك، تنشأ مشكلة شائعة عند استخدام أعلى الهامش على العناصر المضمنة، خاصة في Firefox.

المشكلة:

الجواب: هذا السلوك لا يقتصر على Firefox ولكن تم تعريفه في CSS 2.1 المواصفات:

"لن يكون للهوامش الرأسية أي تأثير على العناصر المضمنة غير المستبدلة."

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