Stylament 0.23.2

Tabular Content

The elements here are used to create and handle tabular data (data with more than one dimension).

Related

Spec [external]

MDN [external]

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.

caption

scss 
caption {
  margin-inline: auto;
}

Table caption.

thead

scss 
thead {
  
}

Table header.

tbody

scss 
tbody {
  
}

Table body.

tfoot

scss 
tfoot {
  
}

Table footer.

tr

scss 
tr {
  
}

Table row.

td, th

scss 
td,
th {
  border: var(---border-width) var(---table-border-color)
    var(---table-border-style);
  padding: calc(0.5 * (svar(line-root-abs) - var(---border-width)));
}

Table cells.