التخلص من عدة سمات كانت ضرورية ذات مرة. كما واجهت في Visual Studio و CellPadding و Cellspping و Valign ومواءمة سمات جدول HTML5. إليكم كيف:

تكرار cellpadding مع padding css:

على سبيل المثال:

th ، td { الحشو: 5 بكسل ؛ }

محاكاة الخلايا مع css collapse الحدود ومساحة الحدود:

يتم استبدال خلايا الخلايا بتفتت الحدود ومساحة الحدود. إذا كنت ترغب في الحفاظ على المسافة بين خلايا الجدول ، فقم بتعيين حدود الحدود لفصل وتحديد التباعد المطلوب مع تباعد الحدود:

th, td {
  padding: 5px;
}

الجدول { حدود الحدود: منفصلة ؛ تباعد الحدود: 5 بكسل ؛ }

لإزالة التباعد كليًا (أي ما يعادل cellspacing = "0") ، استخدم:

جدول { حدود الحدود: الانهيار. تباعد الحدود: 0 ؛ }

table {
  border-collapse: separate;
  border-spacing: 5px;
}

]

th ، td { المحاذاة الرأسية: أعلى ؛ }

th, td {
  padding: 5px;
}

توسيط الجداول مع هامش CSS:

الهامش: 0 Auto ؛ }

عن طريق استخدام خصائص CSS هذه ، يمكنك تكرار وظائف cellpadding ، وخلايا الخلايا ، و valign ، والمحاذاة في HTML5 ، وضمان أن تظل جداولك جذابة بصريًا ومتوافقة مع معايير الويب الحديثة.