What replaces cellpadding, cellspacing, valign, and align in HTML5 tables?

Question

In Visual Studio, I'm seeing these warnings:

• Validation (HTML 5): Attribute 'cellpadding' is not a valid attribute of element 'table'.
• Validation (HTML 5): Attribute 'cellspacing' is not a valid attribute of element 'table'.
• Validation (HTML 5): Attribute 'valign' is not a valid attribute of element 'td'.
• Validation (HTML 5): Attribute 'align' is not a valid attribute of element 'td'.

If they are not valid attributes in HTML5, what replaces them in CSS?

Answer 1

Try using the code given below:

/* cellpadding */

th, td { padding: 5px; }

/* cellspacing */

table { border-collapse: separate; border-spacing: 5px; } /* cellspacing="5" */

table { border-collapse: collapse; border-spacing: 0; }   /* cellspacing="0" */

/* valign */

th, td { vertical-align: top; }

/* align (center) */

table { margin: 0 auto; }