WeasySuite - 8.5.3 Border style: 'border-top-style', 'border-right-style', 'border-bottom-style', 'border-left-style', and 'border-style'

Chapter 8 - Box model - 8.5.3 Border style: 'border-top-style', 'border-right-style', 'border-bottom-style', 'border-left-style', and 'border-style'

Go to the relevant page of the specification.

border-bottom-style-001: Border-bottom-style set to 'none'
The 'border-bottom-style' property set to 'none' does not render any border for an element.
border-bottom-style-002: Border-bottom-style set to 'hidden'
The 'border-bottom-style' property set to 'hidden' computes to 'none' and does not render any border for non-table elements. However, for tables elements borders can be rendered based on border resolution.
border-bottom-style-003: Border-bottom-style set to 'dotted'
The 'border-bottom-style' set to 'dotted' renders the proper line style for the border.
border-bottom-style-004: Border-bottom-style set to 'dashed'
The 'border-bottom-style' set to 'dashed' renders the proper line style for the border.
border-bottom-style-005: Border-bottom-style set to 'solid'
The 'border-bottom-style' set to 'solid' renders the proper line style for the border.
border-bottom-style-006: Border-bottom-style set to 'double'
The 'border-bottom-style' set to 'double' renders the proper line style for the border.
border-bottom-style-007: Border-bottom-style set to 'groove'
The 'border-bottom-style' set to 'groove' renders the proper line style for the border.
border-bottom-style-008: Border-bottom-style set to 'ridge'
The 'border-bottom-style' set to 'ridge' renders the proper line style for the border.
border-bottom-style-009: Border-bottom-style set to 'inset'
The 'border-bottom-style' set to 'inset' renders the proper line style for the border.
border-bottom-style-010: Border-bottom-style set to 'outset'
The 'border-bottom-style' set to 'outset' renders the proper line style for the border.
border-bottom-style-011: Border-bottom-style set to 'inherit'
The 'border-bottom-style' property set to 'inherit' properly applies the value from the parent's 'border-bottom-style' property value.
border-bottom-style-applies-to-001: Border-bottom-style applied to element with display table-row-group
The 'border-bottom-style' property applies to elements with a display of table-row-group.
border-bottom-style-applies-to-002: Border-bottom-style applied to element with display table-header-group
The 'border-bottom-style' property applies to elements with a display of table-header-group.
border-bottom-style-applies-to-003: Border-bottom-style applied to element with display table-footer-group
The 'border-bottom-style' property applies to elements with a display of table-footer-group.
border-bottom-style-applies-to-004: Border-bottom-style applied to element with display table-row
The 'border-bottom-style' property applies to elements with a display of table-row.
border-bottom-style-applies-to-005: Border-bottom-style applied to element with display table-column-group
The 'border-bottom-style' property applies to elements with a display of table-column-group.
border-bottom-style-applies-to-006: Border-bottom-style applied to element with display table-column
The 'border-bottom-style' property applies to elements with a display of table-column.
border-bottom-style-applies-to-007: Border-bottom-style applied to element with display table-cell
The 'border-bottom-style' property applies to elements with a display of table-cell.
border-bottom-style-applies-to-008: Border-bottom-style applied to element with display inline
The 'border-bottom-style' property applies to elements with a display of inline.
border-bottom-style-applies-to-009: Border-bottom-style applied to element with display block
The 'border-bottom-style' property applies to elements with a display of block.
border-bottom-style-applies-to-010: Border-bottom-style applied to element with display list-item
The 'border-bottom-style' property applies to elements with a display of list-item.
border-bottom-style-applies-to-012: Border-bottom-style applied to element with display inline-block
The 'border-bottom-style' property applies to elements with a display of inline-block.
border-bottom-style-applies-to-013: Border-bottom-style applied to element with display table
The 'border-bottom-style' property applies to elements with a display of table.
border-bottom-style-applies-to-014: Border-bottom-style applied to element with display inline-table
The 'border-bottom-style' property applies to elements with a display of inline-table.
border-bottom-style-applies-to-015: Border-bottom-style applied to element with display table-caption
The 'border-bottom-style' property applies to elements with a display of table-caption.
border-left-style-001: Border-left-style set to 'none'
The 'border-left-style' property set to 'none' does not render any border for an element.
border-left-style-002: Border-left-style set to 'hidden'
The 'border-left-style' property set to 'hidden' computes to 'none' and does not render any border for non-table elements.
border-left-style-003: Border-left-style set to 'dotted'
The 'border-left-style' set to 'dotted' renders the proper line style for the border.
border-left-style-004: Border-left-style set to 'dashed'
The 'border-left-style' set to 'dashed' renders the proper line style for the border.
border-left-style-005: Border-left-style set to 'solid'
The 'border-left-style' set to 'solid' renders the proper line style for the border.
border-left-style-006: Border-left-style set to 'double'
The 'border-left-style' set to 'double' renders the proper line style for the border.
border-left-style-007: Border-left-style set to 'groove'
The 'border-left-style' set to 'groove' renders the proper line style for the border.
border-left-style-008: Border-left-style set to 'ridge'
The 'border-left-style' set to 'ridge' renders the proper line style for the border.
border-left-style-009: Border-left-style set to 'inset'
The 'border-left-style' set to 'inset' renders the proper line style for the border.
border-left-style-010: Border-left-style set to 'outset'
The 'border-left-style' set to 'outset' renders the proper line style for the border.
border-left-style-011: Border-left-style set to 'inherit'
The 'border-left-style' property set to 'inherit' properly applies the value from the parent's 'border-left-style' property value.
border-left-style-applies-to-001: Border-left-style applied to element with display table-row-group
The 'border-left-style' properties applies to elements with a display of table-row-group.
border-left-style-applies-to-002: Border-left-style applied to element with display table-header-group
The 'border-left-style' properties applies to elements with a display of table-header-group.
border-left-style-applies-to-003: Border-left-style applied to element with display table-footer-group
The 'border-left-style' properties applies to elements with a display of table-footer-group.
border-left-style-applies-to-004: Border-left-style applied to element with display table-row
The 'border-left-style' properties applies to elements with a display of table-row.
border-left-style-applies-to-005: Border-left-style applied to element with display table-column-group
The 'border-left-style' properties applies to elements with a display of table-column-group.
border-left-style-applies-to-006: Border-left-style applied to element with display table-column
The 'border-left-style' properties applies to elements with a display of table-column.
border-left-style-applies-to-007: Border-left-style applied to element with display table-cell
The 'border-left-style' properties applies to elements with a display of table-cell.
border-left-style-applies-to-008: Border-left-style applied to element with display inline
The 'border-left-style' properties applies to elements with a display of inline.
border-left-style-applies-to-009: Border-left-style applied to element with display block
The 'border-left-style' properties applies to elements with a display of block.
border-left-style-applies-to-010: Border-left-style applied to element with display list-item
The 'border-left-style' properties applies to elements with a display of list-item.
border-left-style-applies-to-012: Border-left-style applied to element with display inline-block
The 'border-left-style' properties applies to elements with a display of inline-block.
border-left-style-applies-to-013: Border-left-style applied to element with display table
The 'border-left-style' properties applies to elements with a display of table.
border-left-style-applies-to-014: Border-left-style applied to element with display inline-table
The 'border-left-style' properties applies to elements with a display of inline-table.
border-left-style-applies-to-015: Border-left-style applied to element with display table-caption
The 'border-left-style' properties applies to elements with a display of table-caption.
border-right-style-001: Border-right-style set to 'none'
The 'border-right-style' property set to 'none' does not render any border for an element.
border-right-style-002: Border-right-style set to 'hidden'
The 'border-right-style' property set to 'hidden' computes to 'none' and does not render any border for non-table elements.
border-right-style-003: Border-right-style set to 'dotted'
The 'border-right-style' set to 'dotted' renders the proper line style for the border.
border-right-style-004: Border-right-style set to 'dashed'
The 'border-right-style' set to 'dashed' renders the proper line style for the border.
border-right-style-005: Border-right-style set to 'solid'
The 'border-right-style' set to 'solid' renders the proper line style for the border.
border-right-style-006: Border-right-style set to 'double'
The 'border-right-style' set to 'double' renders the proper line style for the border.
border-right-style-007: Border-right-style set to 'groove'
The 'border-right-style' set to 'groove' renders the proper line style for the border.
border-right-style-008: Border-right-style set to 'ridge'
The 'border-right-style' set to 'ridge' renders the proper line style for the border.
border-right-style-009: Border-right-style set to 'inset'
The 'border-right-style' set to 'inset' renders the proper line style for the border.
border-right-style-010: Border-right-style set to 'outset'
The 'border-right-style' set to 'outset' renders the proper line style for the border.
border-right-style-011: Border-right-style set to 'inherit'
The 'border-right-style' property set to 'inherit' properly applies the value from the parent's 'border-right-style' property value.
border-right-style-applies-to-001: Border-right-style applied to element with display table-row-group
The 'border-right-style' property applies to elements with a display of table-row-group.
border-right-style-applies-to-002: Border-right-style applied to element with display table-header-group
The 'border-right-style' property applies to elements with a display of table-header-group.
border-right-style-applies-to-003: Border-right-style applied to element with display table-footer-group
The 'border-right-style' property applies to elements with a display of table-footer-group.
border-right-style-applies-to-004: Border-right-style applied to element with display table-row
The 'border-right-style' property applies to elements with a display of table-row.
border-right-style-applies-to-005: Border-right-style applied to element with display table-column-group
The 'border-right-style' property applies to elements with a display of table-column-group.
border-right-style-applies-to-006: Border-right-style applied to element with display table-column
The 'border-right-style' property applies to elements with a display of table-column.
border-right-style-applies-to-007: Border-right-style applied to element with display table-cell
The 'border-right-style' property applies to elements with a display of table-cell.
border-right-style-applies-to-008: Border-right-style applied to element with display inline
The 'border-right-style' property applies to elements with a display of inline.
border-right-style-applies-to-009: Border-right-style applied to element with display block
The 'border-right-style' property applies to elements with a display of block.
border-right-style-applies-to-010: Border-right-style applied to element with display list-item
The 'border-right-style' property applies to elements with a display of list-item.
border-right-style-applies-to-012: Border-right-style applied to element with display inline-block
The 'border-right-style' property applies to elements with a display of inline-block.
border-right-style-applies-to-013: Border-right-style applied to element with display table
The 'border-right-style' property applies to elements with a display of table.
border-right-style-applies-to-014: Border-right-style applied to element with display inline-table
The 'border-right-style' property applies to elements with a display of inline-table.
border-right-style-applies-to-015: Border-right-style applied to element with display table-caption
The 'border-right-style' property applies to elements with a display of table-caption.
border-style-001: Border-style shorthand property set using a single value
The 'border-style' property set using a single value correctly renders the specified value for all sides of the element.
border-style-002: Border-style shorthand property set using two values
The 'border-style' property set using two values correctly renders the specified value for the appropriate sides of the element.
border-style-003: Border-style shorthand property set using three values
The 'border-style' property set using three values correctly renders the specified value for the appropriate sides of the element.
border-style-004: Border-style shorthand property set using four values
The 'border-style' property set using four values correctly renders the specified value for the appropriate sides of the element.
border-style-005: Border-style shorthand property set to 'inherit', inheriting one value
The 'border-style' property set to 'inherit' correctly inherits the single value specified on the parent element.
border-style-006: Border-style shorthand property set to 'inherit' inheriting two values
The 'border-style' property set to 'inherit' correctly inherits the two values specified on the parent element.
border-style-007: Border-style shorthand property set to 'inherit', inheriting three values
The 'border-style' property set to 'inherit' correctly inherits the three values specified on the parent element.
border-style-008: Border-style shorthand property set to 'inherit', inheriting four values
The 'border-style' property set to 'inherit' correctly inherits the four values specified on the parent element.
border-style-applies-to-001: Border-style applied to element with display table-row-group
The 'border-style' property applies to elements with a display of table-row-group.
border-style-applies-to-002: Border-style applied to element with display table-header-group
The 'border-style' property applies to elements with a display of table-header-group.
border-style-applies-to-003: Border-style applied to element with display table-footer-group
The 'border-style' property applies to elements with a display of table-footer-group.
border-style-applies-to-004: Border-style applied to element with display table-row
The 'border-style' property applies to elements with a display of table-row.
border-style-applies-to-005: Border-style applied to element with display table-column-group
The 'border-style' property applies to elements with a display of table-column-group.
border-style-applies-to-006: Border-style applied to element with display table-column
The 'border-style' property applies to elements with a display of table-column.
border-style-applies-to-007: Border-style applied to element with display table-cell
The 'border-style' property applies to elements with a display of table-cell.
border-style-applies-to-008: Border-style applied to element with display inline
The 'border-style' property applies to elements with a display of inline.
border-style-applies-to-009: Border-style applied to element with display block
The 'border-style' property applies to elements with a display of block.
border-style-applies-to-010: Border-style applied to element with display list-item
The 'border-style' property applies to elements with a display of list-item.
border-style-applies-to-012: Border-style applied to element with display inline-block
The 'border-style' property applies to elements with a display of inline-block.
border-style-applies-to-013: Border-style applied to element with display table
The 'border-style' property applies to elements with a display of table.
border-style-applies-to-014: Border-style applied to element with display inline-table
The 'border-style' property applies to elements with a display of inline-table.
border-style-applies-to-015: Border-style applied to element with display table-caption
The 'border-style' property applies to elements with a display of table-caption.
border-style-applies-to-016: border-style: hidden applied to table-row
'border-style: hidden' must apply to all elements, including internal table elements. 'hidden' (border-style) is the same as 'none': the computed border width is zero.
border-style-applies-to-017: border-style: hidden applied to element with display table-row
'border-style: hidden' must apply to all elements, including elements with display table-row. 'hidden' (border-style) is the same as 'none': the computed border width is zero.
border-style-applies-to-018: border-style: hidden applied to table-column-group
'border-style: hidden' must apply to all elements, including internal table elements. 'hidden' (border-style) is the same as 'none': the computed border width is zero.
border-style-applies-to-019: border-style: hidden applied to element with display table-column-group
'border-style: hidden' must apply to all elements, including elements with display table-column-group. 'hidden' (border-style) is the same as 'none': the computed border width is zero.
border-style-applies-to-020: border-style: hidden applied to table-column
'border-style: hidden' must apply to all elements, including internal table elements. 'hidden' (border-style) is the same as 'none': the computed border width is zero.
border-style-applies-to-021: border-style: hidden applied to element with display table-column
'border-style: hidden' must apply to all elements, including elements with display table-column. 'hidden' (border-style) is the same as 'none': the computed border width is zero.
border-style-applies-to-022: border-style: hidden applied to table-row-group
'border-style: hidden' must apply to all elements, including internal table elements. 'hidden' (border-style) is the same as 'none': the computed border width is zero.
border-style-applies-to-023: border-style: hidden applied to element with display table-row-group
'border-style: hidden' must apply to all elements, including elements with display table-row-group. 'hidden' (border-style) is the same as 'none': the computed border width is zero.
border-style-applies-to-024: border-style: hidden applied to table-footer-group
'border-style: hidden' must apply to all elements, including internal table elements. 'hidden' (border-style) is the same as 'none': the computed border width is zero.
border-style-applies-to-025: border-style: hidden applied to element with display table-footer-group
'border-style: hidden' must apply to all elements, including elements with display table-footer-group. 'hidden' (border-style) is the same as 'none': the computed border width is zero.
border-style-applies-to-026: border-style: hidden applied to table-header-group
'border-style: hidden' must apply to all elements, including internal table elements. 'hidden' (border-style) is the same as 'none': the computed border width is zero.
border-style-applies-to-027: border-style: hidden applied to element with display table-header-group
'border-style: hidden' must apply to all elements, including elements with display table-header-group. 'hidden' (border-style) is the same as 'none': the computed border width is zero.
border-style-rendering-001: Border-style 'groove' color rendering
The 'groove' 'border-style' uses the color defined for rendering the groove border.
border-style-rendering-002: Border-style 'ridge' color rendering
The 'ridge' 'border-style' uses the color defined for rendering the ridge border.
border-style-rendering-003: Border-style 'inset' color rendering
The 'inset' 'border-style' uses the color defined for rendering the inset border.
border-style-rendering-004: Border-style 'outset' color rendering
The 'outset' 'border-style' uses the color defined for rendering the outset border.
border-style-shorthand-001: Border-style set using one value
Applying a single value to the border-style property applies the value to all sides of the element.
border-style-shorthand-002: Border-style set using two values
Applying two values to the border-style property applies the first value to the top and bottom and the second to the left and right.
border-style-shorthand-004: Border-style set using four values
Applying four values to the border-style property applies the values top, right, bottom, left, respectively.
border-top-style-001: Border-top-style set to 'none'
The 'border-top-style' property set to 'none' does not render any border for an element.
border-top-style-002: Border-top-style set to 'hidden'
The 'border-top-style' property set to 'hidden' computes to 'none' and does not render any border for non-table elements.
border-top-style-003: Border-top-style set to 'dotted'
The 'border-top-style' set to 'dotted' renders the proper line style for the border.
border-top-style-004: Border-top-style set to 'dashed'
The 'border-top-style' set to 'dashed' renders the proper line style for the border.
border-top-style-005: Border-top-style set to 'solid'
The 'border-top-style' set to 'solid' renders the proper line style for the border.
border-top-style-006: Border-top-style set to 'double'
The 'border-top-style' set to 'double' renders the proper line style for the border.
border-top-style-007: Border-top-style set to 'groove'
The 'border-top-style' set to 'groove' renders the proper line style for the border.
border-top-style-008: Border-top-style set to 'ridge'
The 'border-top-style' set to 'ridge' renders the proper line style for the border.
border-top-style-009: Border-top-style set to 'inset'
The 'border-top-style' set to 'inset' renders the proper line style for the border.
border-top-style-010: Border-top-style set to 'outset'
The 'border-top-style' set to 'outset' renders the proper line style for the border.
border-top-style-011: Border-top-style set to 'inherit'
The 'border-top-style' property set to 'inherit' properly applies the value from the parent's 'border-top-style' property value.
border-top-style-applies-to-001: Border-top-style applied to element with display table-row-group
The 'border-top-style' property applies to elements with a display of table-row-group.
border-top-style-applies-to-002: Border-top-style applied to element with display table-header-group
The 'border-top-style' property applies to elements with a display of table-header-group.
border-top-style-applies-to-003: Border-top-style applied to element with display table-footer-group
The 'border-top-style' property applies to elements with a display of table-footer-group.
border-top-style-applies-to-004: Border-top-style applied to element with display table-row
The 'border-top-style' property applies to elements with a display of table-row.
border-top-style-applies-to-005: Border-top-style applied to element with display table-column-group
The 'border-top-style' property applies to elements with a display of table-column-group.
border-top-style-applies-to-006: Border-top-style applied to element with display table-column
The 'border-top-style' property applies to elements with a display of table-column.
border-top-style-applies-to-007: Border-top-style applied to element with display table-cell
The 'border-top-style' property applies to elements with a display of table-cell.
border-top-style-applies-to-008: Border-top-style applied to element with display inline
The 'border-top-style' property applies to elements with a display of inline.
border-top-style-applies-to-009: Border-top-style applied to element with display block
The 'border-top-style' property applies to elements with a display of block.
border-top-style-applies-to-010: Border-top-style applied to element with display list-item
The 'border-top-style' property applies to elements with a display of list-item.
border-top-style-applies-to-012: Border-top-style applied to element with display inline-block
The 'border-top-style' property applies to elements with a display of inline-block.
border-top-style-applies-to-013: Border-top-style applied to element with display table
The 'border-top-style' property applies to elements with a display of table.
border-top-style-applies-to-014: Border-top-style applied to element with display inline-table
The 'border-top-style' property applies to elements with a display of inline-table.
border-top-style-applies-to-015: Border-top-style applied to element with display table-caption
The 'border-top-style' property applies to elements with a display of table-caption.
border-width-011: border-width: inherit
double-border-width-001: Double lines border style does not change border width
The 'double' 'border-style' does not change the size of the border width. The sum of the two lines and the space need to equal the border width.