Tabular Content
The elements here are used to create and handle tabular data (data with more than one dimension).
table
scss
table {
---border-width: var(---table-border-width, 0rem);
border-collapse: collapse;
padding: 0;
border-spacing: 0;
// Compensate border to stay in baseline grid.
margin-block-end: calc(-1 * var(---border-width));
}The table itself.
td/th
scss
:is(td, th) {
border: var(---border-width) var(---table-border-color)
var(---table-border-style);
padding: calc(0.5 * (1rlh - var(---border-width)));
}Table cell, normal and header.