border-style

The styling of any border line around the table. To style a specific border use side-specific settings suchs as border-top-style, border-left-style etc.

Variants

Setting Name Default value Description
border-top-style solid Style of the table’s top border line.
border-left-style none Style of the table’s left border line.
border-bottom-style solid Style of the table’s bottom border line.
border-right-style none Style of the table’s right border line.

Availability

Available in: Table

Type

Symbol

Available values

Value Description
none The table has no border. Default.
solid The table has a solid single-line border.

Default value

none

Inherited

No.

Example

table {
  // Borders are 1pt and solid in general
  border-style:     solid
  border-width:     1pt

  // Hide left/right borders
  border-left-style:  none
  border-right-style: none
}