separator-style

The styling of the row and column separator of a table cell. To style a specific separator use side-specific settings suchs as row-separator-style and column-separator-style.

Variants

Setting Name	Default value	Description
row-separator-style	none	Style of the row separator at the bottom side of a table cell.
column-separator-style	space	Style of the column separator at the right hand side of a table cell.

Availability

Available in: Table Cell, Table

Type

Symbol

Available values

Value	Description
none	The cell has no separators.
solid	The cell has a solid single-line border.
space	The separator is not visible, but takes space in the table layout. A gap is drawn if a row separator crosses an invisible column separator.

Default value

none

Inherited

No.

Example

// All separators are solid and 1pt by default
table-cell {
   separator-style:     solid
   separator-width:     1pt
}

// Use thicker separators below the top header of the table
table-cell :header-top-separator {
   row-separator-width:  2pt
}