لماذا cellspacing و cellpadding لا الأنماط CSS

Question

أنا لا أعرف لماذا هذا يزعجني كثيرا ، ولكن عندما كنت في إنشاء المواقع ، أحاول دائما أن تفعل كل ما عندي من التصميم مع CSS.ولكن شيء واحد أنا دائما يجب أن نتذكر أن تفعل عندما كنت أعمل مع الجداول إضافة cellspacing="0" cellpadding="0"

لماذا لا يوجد خاصية CSS لتجاوز هذه العتيقة HTML 4 السمات ؟

Answer 1

هوامش الخلية :

table { border-collapse: collapse; }

وأما بالنسبة بطانة الخلايا ، يمكنك أن تفعل

table tr td, table tr th { padding: 0; }

Answer 2

حصيرة أجبت, ولكن فقط للتأكد من اكتمالها:

• padding → cellpadding
• border-spacing → cellspacing
• border-collapse → أي ما يعادل HTML

أيضا من الجدير بالذكر أنه يمكنك تعيين منفصلة الأفقي والرأسي قيم CSS منها على سبيل المثال border-spacing: 0 1px.

Answer 3

وإيريك ماير rel="noreferrer"> إعادة ضبط أنماط يحتوي على النمط التالي "إعادة تعيين" المائدة:

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

وبالإضافة إلى ذلك TD، TR هي إعادة تعيين:

thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

والسبب أنا أذكر هذا هو أنه كان لديه تعليق 'الجداول لا تزال بحاجة بطانة الخلايا = 0'. وأفترض أنه وضع هذا هنا لسبب ما - ربما يحتاجها بعض المتصفحات القديمة. اذا حكمنا من خلال حقيقة أن هذا هو واحد من عدد قليل جدا من تصريحات تضمنت انا التخمين من المهم وأن هناك سبب وجيه لذلك.

وبناء على هذا التعليق - وهذا التعليق وحدها! - انا الاستمرار في استخدام هوامش الخلية = "0" في توصيف ما لم يخبرني شخص ما نهائيا (أدناه) لماذا أنا لا حاجة إليها. كان من الممكن ولكن من المرجح أن تكون غير ضرورية في أي متصفح حديث يستحق الدعم في هذه الأيام.

Answer 4

table { border-collapse:collapse; }

Answer 5

وأعتقد يعتبر شخص خلية تباعد "ممارسة سيئة". كيف أفهم ما يعادل المدرجة في المعيار CSS2 لكن IE لا يدعم هذه الخاصية. الحدود انهيار يسمح لتعيين تباعد 0 قيمة. ويمكن تحقيق الحشو خلية تعيين الخاصية الحشو لTD عناصر الجدول.