CSS 2.1 Conformance Test Suite

Tables (1152 tests)

Test Refs Flags Info
+ 17 Tables
+ 17.1 Introduction to tables
data-alignment-001 Aligning Table Data (cell data is vertically aligned)
  • Cell data can be vertically aligned.
data-alignment-002 Aligning Table Data (cell data is horizontally aligned)
  • Cell data can be horizontally aligned.
data-alignment-003 Aligning Table Data (row data is aligned)
  • Cell data in a row can be horizontally and vertically aligned.
data-alignment-004 Aligning Table Data (column data is aligned)
  • Alignment of cell data in a column is achieved by specifying alignment properties on the cells themselves, and not on the column element directly.
table-borders-001 Borders on Table Elements (row groups)
  • Borders can be applied to row groups (through the use of tbody elements).
table-borders-002 Borders on Table Elements (rows)
  • Borders can be applied to table rows.
table-borders-003 Borders on Table Elements (column-groups)
  • Borders can be applied to table column groups.
table-borders-004 Borders on Table Elements (columns)
  • Borders can be applied to table columns.
table-borders-005 Borders on Table Elements (cell)
  • Border can be applied to table cells.
table-intro-example-001 Introduction to Tables (text-align, font-weight)
  • 'text-align' and 'font-weight' can be applied to table cells (example from spec section 17.1).
table-intro-example-002 Introduction to Tables (vertical-align)
  • 'vertical-align' can be set on table cells (example from section 17.1).
table-intro-example-003 Introduction to Tables (border-collapse, border)
  • 'border-collapse' and 'border' can be set on table elements (example from section 17.1).
table-intro-example-004 Introduction to Tables (caption-side)
  • 'caption-side' can be set on a table caption (example from section 17.1).
table-organization-001 Table organization (columns in column groups)
  • Table columns can be grouped into table column groups.
table-organization-002 Table organization (rows in row groups)
  • Table rows can be grouped into table row groups.
+ 17.2 The CSS table model
after-content-display-012 = :after generated content - display table-column-group
  • Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element. Elements with 'display' set to 'table-column' or 'table-column-group' are not rendered (exactly as if they had 'display: none').
after-content-display-013 = :after generated content - display table-column
  • Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element. Elements with 'display' set to 'table-column' or 'table-column-group' are not rendered (exactly as if they had 'display: none').
background-root-003 Background - background on root propagates to canvas
  • Background set on root element should cover the canvas
basic-css-table-001 CSS table display types
  • CSS display table types are supported.
basic-html-table-001 HTML table with every table element
  • HTML table elements are supported.
before-content-display-012 = :before generated content - display table-column-group
  • Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element. Elements with 'display' set to 'table-column' or 'table-column-group' are not rendered (exactly as if they had 'display: none').
before-content-display-013 = :before generated content - display table-column
  • Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element. Elements with 'display' set to 'table-column' or 'table-column-group' are not rendered (exactly as if they had 'display: none').
inline-table-001 Inline-table
  • An element with 'display: inline-table' is rendered as if it were an inline.
inline-table-002a = Test for inline-table
  • it is a rectangular block that participates in an inline formatting context).
  • The baseline of an 'inline-table' is the baseline of the first row of the table.
inline-table-002b = Test for inline-table
  • it is a rectangular block that participates in an inline formatting context).
  • The baseline of an 'inline-table' is the baseline of the first row of the table.
inline-table-003 = Test for inline-table
  • it is a rectangular block that participates in an inline formatting context).
  • The baseline of an 'inline-table' is the baseline of the first row of the table.
inline-table-height-001 = Test for 'height: auto' on inline-table
  • it is a rectangular block that participates in an inline formatting context).
inline-table-height-002 = Test for 'height: <length;>' on inline-table
  • it is a rectangular block that participates in an inline formatting context).
inline-table-valign-001 = Test for vertical alignment on inline-table
  • it is a rectangular block that participates in an inline formatting context).
  • The baseline of an 'inline-table' is the baseline of the first row of the table.
table-001 Display-table
  • An element with display set to 'table' renders as if it were a table.
table-caption-001 Table-caption
  • An element with 'display: table-caption' is rendered as if it were a table caption.
table-caption-optional-001 Optional Tables with and without the optional caption
  • The table caption is optional - a table can be rendered with or without it.
table-caption-optional-002 Optional Inline-tables with and without the optional caption
  • A caption on an inline-table is optional - an inline table can be rendered with or without it.
table-cell-001 Table-cell
  • An element with 'display: table-cell' is rendered as if it were a table cell.
table-cell-002 Bitmaps Image as 'display: table-cell'
  • An image element can have a display value of 'table-cell'.
table-column-001 Table-column
  • An element with 'display: table-column' as if it were a table column.
table-column-group-001 Table-column-group
  • An element with 'display: table-column-group' is rendered as if it were a table column group.
table-column-rendering-001 = Table columns are not rendered
  • Table columns in themselves are not rendered.
table-column-rendering-002 = Table column groups are not rendered
  • Table column groups in themselves are not rendered.
table-column-rendering-003 Table columns can induce a style on their cells
  • Table columns can induce a style (background-color) on the cells they occupy.
table-column-rendering-004 Table column groups can induce a style on their cells
  • Table column groups can induce a style (background-color) on the cells they occupy.
table-header-group-001 Table-header-group
  • An element with 'display: table-header-group' is rendered as if it were a table header group.
table-header-group-002 Table header group and other row groups
  • A table-header-group element is placed before all other row groups in a table.
table-header-group-003 Table header group and top captions
  • A table-header-group element is placed after any top captions.
table-header-group-004 OptionalPaged Repeating table header groups in paged media
  • Print user agents may repeat header rows on each page spanned by a table (non-normative rule).
table-header-group-005 Multiple table header groups
  • A table containing multiple table-header-group elements only uses the first one as its header and treats the others as table row groups.
table-row-001 Table-row
  • An element with 'display: table-row' is rendered as if it were a table row.
table-row-group-001 Table-row-group
  • An element with 'display: table-row-group' is rendered as if it were a table row group.
+ 17.2.1 Anonymous table objects
border-spacing-initial-002 CSS table model: initial border-spacing
table-anonymous-objects-000 CSS Tables: Anonymous Cell Children
table-anonymous-objects-001 DOM/JS Auto-imported from Gecko test 121142-1a.html
table-anonymous-objects-002 DOM/JS Auto-imported from Gecko test 121142-1a.html
table-anonymous-objects-003 DOM/JS Auto-imported from Gecko test 121142-1b.html
table-anonymous-objects-004 DOM/JS Auto-imported from Gecko test 121142-1b.html
table-anonymous-objects-005 DOM/JS Auto-imported from Gecko test 121142-2.html
table-anonymous-objects-006 DOM/JS Auto-imported from Gecko test 121142-2.html
table-anonymous-objects-007 DOM/JS Auto-imported from Gecko test 156888-2.html
table-anonymous-objects-008 DOM/JS Auto-imported from Gecko test 156888-2.html
table-anonymous-objects-009 = DOM/JS Auto-imported from Gecko test 203923-1.html
table-anonymous-objects-010 = DOM/JS Auto-imported from Gecko test 203923-1.html
table-anonymous-objects-011 = DOM/JS Auto-imported from Gecko test 203923-2.html
table-anonymous-objects-012 = DOM/JS Auto-imported from Gecko test 203923-2.html
table-anonymous-objects-013 DOM/JS Auto-imported from Gecko test 208305-1.html
table-anonymous-objects-014 DOM/JS Auto-imported from Gecko test 208305-1.html
table-anonymous-objects-015 = DOM/JS Auto-imported from Gecko test 208305-2.html
table-anonymous-objects-016 = DOM/JS Auto-imported from Gecko test 208305-2.html
table-anonymous-objects-017 = Auto-imported from Gecko test 208305-3.html
table-anonymous-objects-018 = Auto-imported from Gecko test 208305-3.html
table-anonymous-objects-019 = DOM/JS Auto-imported from Gecko test 208305-4.html
table-anonymous-objects-020 = DOM/JS Auto-imported from Gecko test 208305-4.html
table-anonymous-objects-021 DOM/JS Auto-imported from Gecko test 277995-1.html
table-anonymous-objects-022 DOM/JS Auto-imported from Gecko test 277995-1.html
table-anonymous-objects-023 DOM/JS Auto-imported from Gecko test 293576-1.html
table-anonymous-objects-024 DOM/JS Auto-imported from Gecko test 293576-1.html
table-anonymous-objects-025 DOM/JS Auto-imported from Gecko test 302113-1.html
table-anonymous-objects-026 DOM/JS Auto-imported from Gecko test 302113-1.html
table-anonymous-objects-027 DOM/JS Auto-imported from Gecko test 315146-1.xhtml
table-anonymous-objects-028 DOM/JS Auto-imported from Gecko test 315146-1.xhtml
table-anonymous-objects-029 Auto-imported from Gecko test 325543-1a.html
table-anonymous-objects-030 Auto-imported from Gecko test 325543-1a.html
table-anonymous-objects-031 Auto-imported from Gecko test 325543-1b.html
table-anonymous-objects-032 Auto-imported from Gecko test 325543-1b.html
table-anonymous-objects-033 DOM/JS Auto-imported from Gecko test 338735-1.html
table-anonymous-objects-034 DOM/JS Auto-imported from Gecko test 338735-1.html
table-anonymous-objects-035 DOM/JS Auto-imported from Gecko test 339388-1a.html
table-anonymous-objects-036 DOM/JS Auto-imported from Gecko test 339388-1a.html
table-anonymous-objects-037 DOM/JS Auto-imported from Gecko test 339388-1b.html
table-anonymous-objects-038 DOM/JS Auto-imported from Gecko test 339388-1b.html
table-anonymous-objects-039 DOM/JS Auto-imported from Gecko test 363326-1.html
table-anonymous-objects-040 DOM/JS Auto-imported from Gecko test 363326-1.html
table-anonymous-objects-041 DOM/JS Auto-imported from Gecko test 368932-1.html
table-anonymous-objects-042 DOM/JS Auto-imported from Gecko test 368932-1.html
table-anonymous-objects-043 DOM/JS Auto-imported from Gecko test 371054-1.html
table-anonymous-objects-044 DOM/JS Auto-imported from Gecko test 371054-1.html
table-anonymous-objects-051 DOM/JS Auto-imported from Gecko test 372649-1.html
table-anonymous-objects-052 DOM/JS Auto-imported from Gecko test 372649-1.html
table-anonymous-objects-053 DOM/JS Auto-imported from Gecko test 373379-1.html
table-anonymous-objects-054 DOM/JS Auto-imported from Gecko test 373379-1.html
table-anonymous-objects-055 Auto-imported from Gecko test 407115-1.html
table-anonymous-objects-056 Auto-imported from Gecko test 407115-1.html
table-anonymous-objects-057 DOM/JS Auto-imported from Gecko test 448111-1.html
table-anonymous-objects-058 DOM/JS Auto-imported from Gecko test 448111-1.html
table-anonymous-objects-059 = Auto-imported from Gecko test infer-first-row.html
table-anonymous-objects-060 = Auto-imported from Gecko test infer-first-row.html
table-anonymous-objects-061 = Auto-imported from Gecko test infer-first-row-and-table.html
table-anonymous-objects-062 = Auto-imported from Gecko test infer-first-row-and-table.html
table-anonymous-objects-063 = Auto-imported from Gecko test infer-second-row.html
table-anonymous-objects-064 = Auto-imported from Gecko test infer-second-row.html
table-anonymous-objects-065 = Auto-imported from Gecko test infer-second-row-and-table.html
table-anonymous-objects-066 = Auto-imported from Gecko test infer-second-row-and-table.html
table-anonymous-objects-067 = Auto-imported from Gecko test infer-table-around-headers-footers-1.html
table-anonymous-objects-068 = Auto-imported from Gecko test infer-table-around-headers-footers-1.html
table-anonymous-objects-069 = Auto-imported from Gecko test infer-table-around-headers-footers-2.html
table-anonymous-objects-070 = Auto-imported from Gecko test infer-table-around-headers-footers-2.html
table-anonymous-objects-071 = Auto-imported from Gecko test infer-table-around-headers-footers-3.html
table-anonymous-objects-072 = Auto-imported from Gecko test infer-table-around-headers-footers-3.html
table-anonymous-objects-073 = Auto-imported from Gecko test infer-rows-inside-rowgroups.html
table-anonymous-objects-074 = Auto-imported from Gecko test infer-rows-inside-rowgroups.html
table-anonymous-objects-075 = Auto-imported from Gecko test infer-table-row-cell.html
table-anonymous-objects-076 = Auto-imported from Gecko test infer-table-row-cell.html
table-anonymous-objects-077 = Auto-imported from Gecko test infer-table.html
table-anonymous-objects-078 = Auto-imported from Gecko test infer-table.html
table-anonymous-objects-079 = Auto-imported from Gecko test 3-tables-ref.html
table-anonymous-objects-080 = Auto-imported from Gecko test 3-tables-ref.html
table-anonymous-objects-081 = Auto-imported from Gecko test blocks-divide-tables-1.html
table-anonymous-objects-082 = Auto-imported from Gecko test blocks-divide-tables-1.html
table-anonymous-objects-083 = Auto-imported from Gecko test blocks-divide-tables-2.html
table-anonymous-objects-084 = Auto-imported from Gecko test blocks-divide-tables-2.html
table-anonymous-objects-085 = Auto-imported from Gecko test infer-cells-1.html
table-anonymous-objects-086 = Auto-imported from Gecko test infer-cells-1.html
table-anonymous-objects-087 = Auto-imported from Gecko test infer-cells-2.html
table-anonymous-objects-088 = Auto-imported from Gecko test infer-cells-2.html
table-anonymous-objects-089 = Auto-imported from Gecko test infer-cells-3.html
table-anonymous-objects-090 = Auto-imported from Gecko test infer-cells-3.html
table-anonymous-objects-091 = Auto-imported from Gecko test infer-cells-4.html
table-anonymous-objects-092 = Auto-imported from Gecko test infer-cells-4.html
table-anonymous-objects-093 = Auto-imported from Gecko test cols-test-1.html
table-anonymous-objects-094 = Auto-imported from Gecko test cols-test-1.html
table-anonymous-objects-095 = Auto-imported from Gecko test cols-test-2.html
table-anonymous-objects-096 = Auto-imported from Gecko test cols-test-2.html
table-anonymous-objects-097 = Auto-imported from Gecko test cols-test-3.html
table-anonymous-objects-098 = Auto-imported from Gecko test cols-test-3.html
table-anonymous-objects-099 = DOM/JS Auto-imported from Gecko test dynamic-removal-1.html
table-anonymous-objects-100 = DOM/JS Auto-imported from Gecko test dynamic-removal-1.html
table-anonymous-objects-101 = DOM/JS Auto-imported from Gecko test dynamic-removal-2.html
table-anonymous-objects-102 = DOM/JS Auto-imported from Gecko test dynamic-removal-2.html
table-anonymous-objects-103 = DOM/JS Auto-imported from Gecko test dynamic-removal-3.html
table-anonymous-objects-104 = DOM/JS Auto-imported from Gecko test dynamic-removal-3.html
table-anonymous-objects-105 = DOM/JS Auto-imported from Gecko test dynamic-removal-4.html
table-anonymous-objects-106 = DOM/JS Auto-imported from Gecko test dynamic-removal-4.html
table-anonymous-objects-107 = DOM/JS Auto-imported from Gecko test dynamic-removal-5.html
table-anonymous-objects-108 = DOM/JS Auto-imported from Gecko test dynamic-removal-5.html
table-anonymous-objects-109 = DOM/JS Auto-imported from Gecko test dynamic-removal-6.html
table-anonymous-objects-110 = DOM/JS Auto-imported from Gecko test dynamic-removal-6.html
table-anonymous-objects-111 = DOM/JS Auto-imported from Gecko test dynamic-removal-7.html
table-anonymous-objects-112 = DOM/JS Auto-imported from Gecko test dynamic-removal-7.html
table-anonymous-objects-113 = DOM/JS Auto-imported from Gecko test dynamic-removal-8.html
table-anonymous-objects-114 = DOM/JS Auto-imported from Gecko test dynamic-removal-8.html
table-anonymous-objects-115 = = DOM/JS Auto-imported from Gecko test dynamic-removal-9.html
table-anonymous-objects-116 = = DOM/JS Auto-imported from Gecko test dynamic-removal-9.html
table-anonymous-objects-117 = = DOM/JS Auto-imported from Gecko test dynamic-removal-10.html
table-anonymous-objects-118 = = DOM/JS Auto-imported from Gecko test dynamic-removal-10.html
table-anonymous-objects-119 = = DOM/JS Auto-imported from Gecko test dynamic-removal-11.html
table-anonymous-objects-120 = = DOM/JS Auto-imported from Gecko test dynamic-removal-11.html
table-anonymous-objects-121 = = DOM/JS Auto-imported from Gecko test dynamic-removal-12.html
table-anonymous-objects-122 = = DOM/JS Auto-imported from Gecko test dynamic-removal-12.html
table-anonymous-objects-123 = DOM/JS Auto-imported from Gecko test dynamic-removal-13.html
table-anonymous-objects-124 = DOM/JS Auto-imported from Gecko test dynamic-removal-13.html
table-anonymous-objects-125 = DOM/JS Auto-imported from Gecko test dynamic-removal-14.html
table-anonymous-objects-126 = DOM/JS Auto-imported from Gecko test dynamic-removal-14.html
table-anonymous-objects-127 = DOM/JS Auto-imported from Gecko test dynamic-removal-15.html
table-anonymous-objects-128 = DOM/JS Auto-imported from Gecko test dynamic-removal-15.html
table-anonymous-objects-129 = DOM/JS Auto-imported from Gecko test dynamic-removal-16.html
table-anonymous-objects-130 = DOM/JS Auto-imported from Gecko test dynamic-removal-16.html
table-anonymous-objects-131 = DOM/JS Auto-imported from Gecko test dynamic-removal-17.html
table-anonymous-objects-132 = DOM/JS Auto-imported from Gecko test dynamic-removal-17.html
table-anonymous-objects-133 = DOM/JS Auto-imported from Gecko test dynamic-insert-cell-1.html
table-anonymous-objects-134 = DOM/JS Auto-imported from Gecko test dynamic-insert-cell-1.html
table-anonymous-objects-135 = DOM/JS Auto-imported from Gecko test dynamic-switch-block-to-cell-1.html
table-anonymous-objects-136 = DOM/JS Auto-imported from Gecko test dynamic-switch-block-to-cell-1.html
table-anonymous-objects-137 = DOM/JS Auto-imported from Gecko test dynamic-switch-block-to-cell-2.html
table-anonymous-objects-138 = DOM/JS Auto-imported from Gecko test dynamic-switch-block-to-cell-2.html
table-anonymous-objects-139 = DOM/JS Auto-imported from Gecko test dynamic-switch-block-to-cell-3.html
table-anonymous-objects-140 = DOM/JS Auto-imported from Gecko test dynamic-switch-block-to-cell-3.html
table-anonymous-objects-141 = DOM/JS Auto-imported from Gecko test dynamic-switch-block-to-cell-4.html
table-anonymous-objects-142 = DOM/JS Auto-imported from Gecko test dynamic-switch-block-to-cell-4.html
table-anonymous-objects-143 = DOM/JS Auto-imported from Gecko test dynamic-switch-block-to-cell-5.html
table-anonymous-objects-144 = DOM/JS Auto-imported from Gecko test dynamic-switch-block-to-cell-5.html
table-anonymous-objects-145 = DOM/JS Auto-imported from Gecko test dynamic-switch-inline-to-cell-1.html
table-anonymous-objects-146 = DOM/JS Auto-imported from Gecko test dynamic-switch-inline-to-cell-1.html
table-anonymous-objects-147 = DOM/JS Auto-imported from Gecko test dynamic-switch-inline-to-cell-2.html
table-anonymous-objects-148 = DOM/JS Auto-imported from Gecko test dynamic-switch-inline-to-cell-2.html
table-anonymous-objects-149 = DOM/JS Auto-imported from Gecko test dynamic-switch-inline-to-cell-3.html
table-anonymous-objects-150 = DOM/JS Auto-imported from Gecko test dynamic-switch-inline-to-cell-3.html
table-anonymous-objects-151 = DOM/JS Auto-imported from Gecko test dynamic-switch-inline-to-cell-4.html
table-anonymous-objects-152 = DOM/JS Auto-imported from Gecko test dynamic-switch-inline-to-cell-4.html
table-anonymous-objects-153 = DOM/JS Auto-imported from Gecko test dynamic-switch-inline-to-cell-5.html
table-anonymous-objects-154 = DOM/JS Auto-imported from Gecko test dynamic-switch-inline-to-cell-5.html
table-anonymous-objects-155 = DOM/JS Auto-imported from Gecko test white-space-1.html
table-anonymous-objects-156 = DOM/JS Auto-imported from Gecko test white-space-1.html
table-anonymous-objects-157 = DOM/JS Auto-imported from Gecko test white-space-2.html
table-anonymous-objects-158 = DOM/JS Auto-imported from Gecko test white-space-2.html
table-anonymous-objects-159 = DOM/JS Auto-imported from Gecko test white-space-3.html
table-anonymous-objects-160 = DOM/JS Auto-imported from Gecko test white-space-3.html
table-anonymous-objects-161 = DOM/JS Auto-imported from Gecko test white-space-4.html
table-anonymous-objects-162 = DOM/JS Auto-imported from Gecko test white-space-4.html
table-anonymous-objects-163 = DOM/JS Auto-imported from Gecko test white-space-5.html
table-anonymous-objects-164 = DOM/JS Auto-imported from Gecko test white-space-5.html
table-anonymous-objects-165 = DOM/JS Auto-imported from Gecko test white-space-6.html
table-anonymous-objects-166 = DOM/JS Auto-imported from Gecko test white-space-6.html
table-anonymous-objects-167 = Auto-imported from Gecko test white-space-7.html
table-anonymous-objects-168 = Auto-imported from Gecko test white-space-7.html
table-anonymous-objects-169 = DOM/JS Auto-imported from Gecko test white-space-8.html
table-anonymous-objects-170 = DOM/JS Auto-imported from Gecko test white-space-8.html
table-anonymous-objects-171 = DOM/JS Auto-imported from Gecko test white-space-9.html
table-anonymous-objects-172 = DOM/JS Auto-imported from Gecko test white-space-9.html
table-anonymous-objects-173 = DOM/JS Auto-imported from Gecko test white-space-10.html
table-anonymous-objects-174 = DOM/JS Auto-imported from Gecko test white-space-10.html
table-anonymous-objects-175 = DOM/JS Auto-imported from Gecko test white-space-11.html
table-anonymous-objects-176 = DOM/JS Auto-imported from Gecko test white-space-11.html
table-anonymous-objects-177 = Auto-imported from Gecko test white-space-12.html
table-anonymous-objects-178 = Auto-imported from Gecko test white-space-12.html
table-anonymous-objects-179 = Auto-imported from Gecko test white-space-13.html
table-anonymous-objects-180 = Auto-imported from Gecko test white-space-13.html
table-anonymous-objects-181 = Auto-imported from Gecko test white-space-14.html
table-anonymous-objects-182 = Auto-imported from Gecko test white-space-14.html
table-anonymous-objects-183 = Auto-imported from Gecko test white-space-15.html
table-anonymous-objects-184 = Auto-imported from Gecko test white-space-15.html
table-anonymous-objects-185 = DOM/JS Auto-imported from Gecko test white-space-16.html
table-anonymous-objects-186 = DOM/JS Auto-imported from Gecko test white-space-16.html
table-anonymous-objects-187 = DOM/JS Auto-imported from Gecko test white-space-17.html
table-anonymous-objects-188 = DOM/JS Auto-imported from Gecko test white-space-17.html
table-anonymous-objects-189 = Auto-imported from Gecko test white-space-18.html
table-anonymous-objects-190 = Auto-imported from Gecko test white-space-18.html
table-anonymous-objects-191 = Auto-imported from Gecko test white-space-19.html
table-anonymous-objects-192 = Auto-imported from Gecko test white-space-19.html
table-anonymous-objects-193 = DOM/JS Auto-imported from Gecko test white-space-20.html
table-anonymous-objects-194 = DOM/JS Auto-imported from Gecko test white-space-20.html
table-anonymous-objects-195 = DOM/JS Auto-imported from Gecko test white-space-21.html
table-anonymous-objects-196 = DOM/JS Auto-imported from Gecko test white-space-21.html
table-anonymous-objects-197 = Auto-imported from Gecko test white-space-22.html
table-anonymous-objects-198 = Auto-imported from Gecko test white-space-22.html
table-anonymous-objects-199 = Auto-imported from Gecko test white-space-23.html
table-anonymous-objects-200 = Auto-imported from Gecko test white-space-23.html
table-anonymous-objects-201 = DOM/JS Auto-imported from Gecko test white-space-24.html
table-anonymous-objects-202 = DOM/JS Auto-imported from Gecko test white-space-24.html
table-anonymous-objects-203 = DOM/JS Auto-imported from Gecko test white-space-25.html
table-anonymous-objects-204 = DOM/JS Auto-imported from Gecko test white-space-25.html
table-anonymous-objects-205 = DOM/JS Auto-imported from Gecko test white-space-26.html
table-anonymous-objects-206 = DOM/JS Auto-imported from Gecko test white-space-26.html
table-anonymous-objects-207 DOM/JS Auto-imported from Gecko test white-space-pre-1.html
table-anonymous-objects-208 DOM/JS Auto-imported from Gecko test white-space-pre-1.html
table-anonymous-objects-209 CSS table model: nested tables
table-anonymous-objects-210 anonymous table cell and white space separating inline elements
  • Anonymous table objects are automatically generated by UAs when a table element is missing necessary sub-table elements (like table-row or table-cell). In this test, an anonymous table-row and one anonymous table-cell will be created around the inline elements. This test checks that each white space separating the 3 span elements are preserved.
table-caption-002 CSS Tables: Multiple captions
table-caption-003 CSS Tables: Captions in the middle of tables
tables-001 CSS Tables: Nested anonymous table objects and border-spacing
  • border-spacing is applied around anonymous table objects, but anonymous table objects only exist if the table has content.
tables-002 CSS Tables: Empty Tables
+ 17.3 Columns
column-background-001 Column background property
  • A background can be set on a table column.
column-background-002 Column-group background property
  • A background can be set on a table column group.
column-border-001 Column border property
  • A border can be set on a table column.
column-border-002 Column-group border property
  • A border can be set on a table column group.
column-visibility-001 Column visibility property
  • Visibility can be set on a table column.
column-visibility-002 Column group visibility property
  • Visibility can be set on a table column group.
column-width-001 Column with 'width' property
  • Width can be set on a table column.
column-width-002 Column-group width property
  • Width can be set on a table column group.
columns-001 Properties that apply to columns
table-columns-example-001 Table columns - Emulating the HTML table 'rules' attribute on columns
  • CSS can be used to emmulate the HTML 'rules = cols' attribute (example from section 17.3).
table-columns-example-002 Table columns - Assigning a background to a column
  • A specific column class can be selected for a blue background (example from section 17.3).
table-columns-example-003 Table columns - assigning a fixed size to a column
  • A specific width can be set on a table column (modified example from section 17.3).
+ 17.4 Tables in the visual formatting model
caption-position-001 = Bitmaps caption-side - CSS caption boxes can be positioned above or below a CSS table-cell
caption-vs-table-box-001 Caption border and table border
  • A caption has padding, margin and borders independent of those of its parent table.
caption-vs-table-box-002 Caption border and inline-table border
  • A caption has padding, margin and borders independent of those of its parent inline-table.
table-anonymous-block-001 The anonymous block box around a table does not work with run-in interaction
  • The anonymous block around a table does not behave like a block for 'run-in' interaction.
table-anonymous-block-002 The anonymous block box around a table is not used for baseline vertical alignment
  • The table box (and not anonymous containing block) is used for doing baseline vertical alignment for inline-table.
table-anonymous-block-003 The anonymous block box around a table is as wide as the border edge of the table
  • The anonymous block around the table and caption is as wide as the border edge of the table box.
table-anonymous-block-004 The anonymous block box around a table is not used for table percentage width
  • The percentage width of table is relative to its anonymous box's containing block.
table-anonymous-block-005 The anonymous block box around a table and the table 'position' property
  • The 'position' property of a table is actually applied to its anonymous block box.
table-anonymous-block-006 The anonymous block box around a table and the table 'float' property
  • The 'float' property of a table is actually applied to its anonymous block box.
table-anonymous-block-007 The anonymous block box around a table and the table 'margin-top' property
  • The 'margin-top' property of a table is actually applied to its anonymous block box.
table-anonymous-block-008 The anonymous block box around a table and the table 'right' property
  • The 'right' property of a table is actually applied to its anonymous block box.
table-anonymous-block-009 The anonymous block box around a table and the table 'bottom' property
  • The 'bottom' property of a table is actually applied to its anonymous block box.
table-anonymous-block-010 The anonymous block box around a table and the table 'left' property
  • The 'left' property of a table is actually applied to its anonymous block box.
table-anonymous-block-011 Ahem The anonymous block box around a table - table top margin is collapsed with caption top margin
  • The top margin of the table caption is not collapsed with top margin of the table.
table-anonymous-block-012 Ahem The anonymous block box around a table - table bottom margin is collapsed with caption bottom margin
  • The bottom margin of the table caption is not collapsed with bottom margin of the table when 'caption-side: bottom'.
table-anonymous-block-013 The anonymous box around a table as a 'block' box
  • The anonymous box around a table is a 'block' box if the table is block-level.
table-anonymous-block-014 The anonymous box around a table as an 'inline-block' box
  • The anonymous box around a table is an 'inline-block' box if the table is inline-level.
table-anonymous-block-015 The anonymous block box around a table is not used for table percentage height
  • Percentage height of table is relative to its anonymous box's containing block.
table-anonymous-block-016 The anonymous block box around a table and the table 'margin-bottom' property
  • The 'margin-bottom' property of a table is actually applied to its anonymous block box.
table-anonymous-block-017 The anonymous block box around a table and the table 'margin-left' property
  • The 'margin-left' property of a table is actually applied to its anonymous block box.
table-anonymous-block-018 The anonymous block box around a table and the table 'margin-right' property
  • The 'margin-right' property of a table is actually applied to its anonymous block box.
table-anonymous-block-019 The anonymous block box around a table and the table 'margin' property
  • The 'margin' property of a table is actually applied to its anonymous block box.
table-caption-margins-001 Table Caption Margin Collapsing
  • The table caption's margins do not collapse with the margins applied to the table wrapper box.
+ 17.4.1 Caption position and alignment
caption-side-001 Caption-side set to 'top'
  • A caption with a 'caption-side' value of 'top' will be positioned above its table.
caption-side-002 Caption-side set to 'bottom'
  • A caption with a 'caption-side' value of 'bottom' will be positioned below its table.
caption-side-003 Caption-side set to 'inherit'
  • A caption can inherit its 'caption-side' behavior from its table parent.
caption-side-applies-to-001 Caption-side and 'display: inline' elements
  • Caption-side does not apply to 'display: inline' elements.
caption-side-applies-to-002 Caption-side and 'display: block' elements
  • Caption-side does not apply to 'display: block' elements.
caption-side-applies-to-003 Caption-side and 'display: list-item' elements
  • Caption-side does not apply to 'display: list-item' elements.
caption-side-applies-to-004 Caption-side and 'display: run-in' elements
  • Caption-side does not apply to 'display: run-in' elements.
caption-side-applies-to-005 Caption-side and 'display: inline-block' elements
  • Caption-side does not apply to 'display: inline-block' elements.
caption-side-applies-to-006 Caption-side and 'display: table' elements
  • Caption-side does not apply to 'display: table' elements.
caption-side-applies-to-007 Caption-side and 'display: inline-table' elements
  • Caption-side does not apply to 'display: inline-table' elements.
caption-side-applies-to-008 Caption-side and 'display: table-row-group' elements
  • Caption-side does not apply to 'display: table-row-group' elements.
caption-side-applies-to-009 Caption-side and 'display: table-header-group' elements
  • Caption-side does not apply to 'display: table-header-group' elements.
caption-side-applies-to-010 Caption-side and 'display: table-footer-group' elements
  • Caption-side does not apply to 'display: table-footer-group' elements.
caption-side-applies-to-011 Caption-side and 'display: table-column' elements
  • Caption-side does not apply to 'display: table-column' elements.
caption-side-applies-to-012 Caption-side and 'display: table-row' elements
  • Caption-side does not apply to 'display: table-row' elements.
caption-side-applies-to-013 Caption-side and 'display: table-column-group' elements
  • Caption-side does not apply to 'display: table-column-group' elements.
caption-side-applies-to-014 Caption-side and 'display: table-cell' elements
  • Caption-side does not apply to 'display: table-cell' elements.
caption-side-applies-to-015 Caption-side and 'display: table-caption' elements
  • Caption-side applies to 'display: table-caption' elements.
caption-side-applies-to-016 = Caption-side and 'display: none' elements
  • Caption-side does not apply to 'display: none' elements.
caption-side-applies-to-017 Caption-side and 'display: inherit' elements
  • Caption-side applies to 'display: inherit' elements which do not inherit the value of 'table-caption'.
caption-side-example-001 Caption border and table border
  • Caption-side, text-align and width properties of a caption work together as expected (example from section 17.4.1).
caption-side-inherited-001 Caption-side is inherited by default
  • Caption-side is inherited by default.
caption-side-initial-001 Initial value of 'caption-side'
  • The initial value of 'caption-side' is 'top'.
table-caption-horizontal-alignment-001 Horizontally aligning table caption content
  • Table caption content can be horizontally aligned with the 'text-align' property.
caption-side-001 Caption-side set to 'top'
  • A caption with a 'caption-side' value of 'top' will be positioned above its table.
caption-side-002 Caption-side set to 'bottom'
  • A caption with a 'caption-side' value of 'bottom' will be positioned below its table.
caption-side-003 Caption-side set to 'inherit'
  • A caption can inherit its 'caption-side' behavior from its table parent.
caption-side-applies-to-001 Caption-side and 'display: inline' elements
  • Caption-side does not apply to 'display: inline' elements.
caption-side-applies-to-002 Caption-side and 'display: block' elements
  • Caption-side does not apply to 'display: block' elements.
caption-side-applies-to-003 Caption-side and 'display: list-item' elements
  • Caption-side does not apply to 'display: list-item' elements.
caption-side-applies-to-004 Caption-side and 'display: run-in' elements
  • Caption-side does not apply to 'display: run-in' elements.
caption-side-applies-to-005 Caption-side and 'display: inline-block' elements
  • Caption-side does not apply to 'display: inline-block' elements.
caption-side-applies-to-006 Caption-side and 'display: table' elements
  • Caption-side does not apply to 'display: table' elements.
caption-side-applies-to-007 Caption-side and 'display: inline-table' elements
  • Caption-side does not apply to 'display: inline-table' elements.
caption-side-applies-to-008 Caption-side and 'display: table-row-group' elements
  • Caption-side does not apply to 'display: table-row-group' elements.
caption-side-applies-to-009 Caption-side and 'display: table-header-group' elements
  • Caption-side does not apply to 'display: table-header-group' elements.
caption-side-applies-to-010 Caption-side and 'display: table-footer-group' elements
  • Caption-side does not apply to 'display: table-footer-group' elements.
caption-side-applies-to-011 Caption-side and 'display: table-column' elements
  • Caption-side does not apply to 'display: table-column' elements.
caption-side-applies-to-012 Caption-side and 'display: table-row' elements
  • Caption-side does not apply to 'display: table-row' elements.
caption-side-applies-to-013 Caption-side and 'display: table-column-group' elements
  • Caption-side does not apply to 'display: table-column-group' elements.
caption-side-applies-to-014 Caption-side and 'display: table-cell' elements
  • Caption-side does not apply to 'display: table-cell' elements.
caption-side-applies-to-015 Caption-side and 'display: table-caption' elements
  • Caption-side applies to 'display: table-caption' elements.
caption-side-applies-to-016 = Caption-side and 'display: none' elements
  • Caption-side does not apply to 'display: none' elements.
caption-side-applies-to-017 Caption-side and 'display: inherit' elements
  • Caption-side applies to 'display: inherit' elements which do not inherit the value of 'table-caption'.
caption-side-inherited-001 Caption-side is inherited by default
  • Caption-side is inherited by default.
caption-side-initial-001 Initial value of 'caption-side'
  • The initial value of 'caption-side' is 'top'.
+ 17.5 Visual layout of table contents
bidi-table-001 direction: rtl on table
  • direction:rtl on table should reverse order of table cells
bidi-table-002 direction: on nested tables
  • direction: should affect order of table cells
fonts-009 Ahem CSS Tables: Font Inheritance
table-visual-layout-001 Ahem Cells can have padding
  • Table cells can have padding.
table-visual-layout-002 Internal table elements do not have margins
  • Internal table elements do not have margins.
table-visual-layout-003 Each table row box occupies one row of cells
  • Each table row box occupies one row of cells.
table-visual-layout-004 Table row boxes are rendered in source order
  • Table row boxes fill the table from top to bottom by the order they occur in the page source.
table-visual-layout-005 Row groups occupy same cells as the rows they contain
  • A row group occupies the same cells as the rows it contains.
table-visual-layout-006 Column boxes can occupy more than one column of cells
  • A column box can occupy more than one column of cells.
table-visual-layout-007 Column boxes are rendered by page source order
  • Column boxes are placed consecutively by their order in the page source.
table-visual-layout-008 Column boxes are rendered by source order ('rtl' table scenario)
  • Column boxes are placed consecutively by their order in the page source, from right to left when 'direction' is set to 'rtl'.
table-visual-layout-009 Column group boxes occupy same cells as the columns they contain
  • A column group box occupies the same cells as the columns it contains.
table-visual-layout-010 A row-spanning cell
  • A table cell can span several rows.
table-visual-layout-011 A column-spanning cell
  • A cell can span several columns.
table-visual-layout-012 Top row of a spanning cell is the row of its parent element
  • The top row of a spanning cell's rectangle is in the row specified by the cell's parent.
table-visual-layout-013 A spanning cell must be as far to the left as possible in an 'ltr' table
  • The spanning cell's rectangle is as far to the left as possible, but to the right of all cells in the same row that were earlier in source (no overlapping).
table-visual-layout-014 A spanning cell's rectangle must be as far to the right as possible in an 'rtl' table
  • With 'rtl' tables, the spanning cell's rectangle is as far to the right as possible, but to the left of all cells in the same row that were earlier in source (no overlapping).
table-visual-layout-015 A cell cannot extend beyond the last row box of a table
  • A cell box cannot extend beyond the last row box of a table.
table-visual-layout-016 A cell box cannot extend beyond the last row of a row group
  • A cell box cannot extend beyond the last row box of a row group.
table-visual-layout-017 = Table row boxes exactly cover the table in the collapsing borders model
  • In the collapsing border model, the table row boxes together exactly cover the table.
table-visual-layout-018 = Table column boxes exactly cover the table in the collapsing borders model
  • In the collapsing border model, the table column boxes together exactly cover the table.
table-visual-layout-019 Optional There may be gaps between rows in the separated borders model
  • In the separated border model, there may be gaps between rows.
table-visual-layout-020 Optional There may be gaps between columns in the separated borders model
  • In the separated border model, there may be gaps between columns.
table-visual-layout-021 Optional There may be gaps between row groups in the separated borders model
  • In the separated border model, there may be gaps between row groups.
table-visual-layout-022 Optional There may be gaps between column groups in the separated borders model
  • In the separated borders model, there may be gaps between column groups.
table-visual-layout-023 Positioning table cells can cause them not to be table cells anymore
  • Positioning table cells can cause them not to be table cells anymore.
table-visual-layout-026a = width of column in border-collapse separate model must include cell padding
  • In the separated borders model, the edges of columns coincide with the border edges of cells. Therefore, a column width must include horizontal padding of cells.
table-visual-layout-026b = width of column in border-collapse separate model must include cell padding
  • In the separated borders model, the edges of columns coincide with the border edges of cells. Therefore, a column width must include horizontal padding of cells.
table-visual-layout-026c = width of column in border-collapse separate model must include cell padding
  • In the separated borders model, the edges of columns coincide with the border edges of cells. Therefore, a column width must include horizontal padding of cells.
table-visual-layout-026d = width of column in border-collapse separate model must include cell padding
  • In the separated borders model, the edges of columns coincide with the border edges of cells. Therefore, a column width must include horizontal padding of cells.
tables-003 Table cell size with no line box content
tables-004 Table cell size with line box content
+ 17.5.1 Table layers and transparency
missing-cell-rendering-001 Rendering of missing table cells
  • Missing table cells are rendered as if their grid position were occupied by an anonymous table-cell box.
table-backgrounds-bc-cell-001 = table backgrounds
table-backgrounds-bc-colgroup-001 = table backgrounds
table-backgrounds-bc-column-001 = table backgrounds
table-backgrounds-bc-row-001 = table backgrounds
table-backgrounds-bc-rowgroup-001 = table backgrounds
table-backgrounds-bc-table-001 = table backgrounds
table-backgrounds-bs-cell-001 = table backgrounds
table-backgrounds-bs-colgroup-001 = table backgrounds
table-backgrounds-bs-column-001 = table backgrounds
table-backgrounds-bs-row-001 = table backgrounds
table-backgrounds-bs-row-002 Bitmaps background-position - table-row
  • Positioning a background image on a table row positions it within a box that extends from the left edge of its leftmost table cell to the right edge of its rightmost tabel cell.
table-backgrounds-bs-rowgroup-001 = table backgrounds
table-backgrounds-bs-table-001 = table backgrounds
table-layer-transparency-001 Background on a table element shows if all elements above its layer are transparent
  • A background set on a table element will show if all table element layers above it are transparent.
table-layer-transparency-002 Background on a column group element shows if all elements above its layer are transparent
  • A background set on a column group element will show if all table element layers above it are transparent.
table-layer-transparency-003 96Bitmaps Background on a column group element shows on all of a cell that spans through it
  • A background set on a column group element will show on all of a cell that spans outside of it, but it will not affect background image positioning.
table-layer-transparency-004 Background on a column element shows if all elements above its layer are transparent
  • A background set on a column element will show if all table element layers above it are transparent.
table-layer-transparency-005 96Bitmaps Background on a column element shows in all of a cell that spans through it
  • A background set on a column element will show on all of a cell that spans outside of it, but it will not affect background image positioning.
table-layer-transparency-006 Background on a row group element shows if all elements above its layer are transparent
  • A background set on a row group element will show if all table element layers above it are transparent.
table-layer-transparency-007 Background on a row element shows if all elements above its layer are transparent
  • A background set on a row element will show if all table element layers above it are transparent.
table-layer-transparency-008 96Bitmaps Background on a row elements shows on all of a cell spanning through it
  • A background set on a row element will show on all of a cell that spans outside of it, but it will not affect background image positioning.
table-layer-transparency-009 Cell element background overlays backgrounds of all other table layers
  • A background set on a cell element will overlay the backgrounds of all table elements below it.
table-layer-transparency-010 Hidden empty cells are transparent down to table background
  • If 'empty-cells' is set to 'hide', empty cells are transparent all the way down to the table background.
table-layer-transparency-011 The background between cell borders is the table background
  • The background between cell borders (using the separated borders model) is the background of the table element.
table-layer-transparency-example-001 Empty cells set to 'hide' are transparent down to the table background
  • If 'empty-cells' is set to 'hide', empty cells are transparent all the way down to the table background, (example from spec section 17.5.1).
+ 17.5.2 Table width algorithms: the 'table-layout' property
table-layout-001 Ahem Table-layout set to 'auto'
  • Cell content width is taken into account in the used width of a table when the table has 'table-layout' set to 'auto'.
table-layout-002 Ahem Table-layout set to 'fixed'
  • Cell content width is not taken into account in the used width of a table when the table has 'table-layout' set to 'fixed'.
table-layout-003 Ahem Table-layout set to 'inherit'
  • A table can inherit its 'table-layout' behavior from its parent container.
table-layout-applies-to-001 Ahem Table-layout and 'display: inline' elements
  • Table-layout does not apply to 'display: inline' elements.
table-layout-applies-to-002 Ahem Table-layout and 'display: block' elements
  • Table-layout does not apply to 'display: block' elements.
table-layout-applies-to-003 Ahem Table-layout and 'display: list-item' elements
  • Table-layout does not apply to 'display: list-item' elements.
table-layout-applies-to-004 Ahem Table-layout and 'display: run-in' elements
  • Table-layout does not apply to 'display: run-in' elements.
table-layout-applies-to-005 Ahem Table-layout and 'display: inline-block' elements
  • Table-layout does not apply to 'display: inline-block' elements.
table-layout-applies-to-006 Ahem Table-layout and 'display: table' elements
  • Table-layout applies to 'display: table' elements.
table-layout-applies-to-007 Ahem Table-layout and 'display: inline-table' elements
  • Table-layout applies to 'display: inline-table' elements.
table-layout-applies-to-008 Ahem Table-layout and 'display: table-row-group' elements
  • Table-layout does not apply to 'display: table-row-group' elements.
table-layout-applies-to-009 Ahem Table-layout and 'display: table-header-group' elements
  • Table-layout does not apply to 'display: table-header-group' elements.
table-layout-applies-to-010 Ahem Table-layout and 'display: table-footer-group' elements
  • Table-layout does not apply to 'display: table-footer-group' elements.
table-layout-applies-to-011 Ahem Table-layout and 'display: table-row' elements
  • Table-layout does not apply to 'display: table-row' elements.
table-layout-applies-to-012 Ahem Table-layout and 'display: table-column' elements
  • Table-layout does not apply to 'display: table-column' elements.
table-layout-applies-to-013 Ahem Table-layout and 'display: table-column-group' elements
  • Table-layout does not apply to 'display: table-column-group' elements.
table-layout-applies-to-014 Ahem Table-layout and 'display: table-cell' elements
  • Table-layout does not apply to 'display: table-cell' elements.
table-layout-applies-to-015 Ahem Table-layout and 'display: table-caption' elements
  • Table-layout does not apply to 'display: table-caption' elements.
table-layout-applies-to-016 = Table-layout and 'display: none' elements
  • Table-layout does not apply to 'display: none' elements.
table-layout-applies-to-017 Ahem Table-layout and 'display: inherit' elements
  • Table-layout does not apply to 'display: inherit' elements which do not inherit the value of 'table'.
table-layout-inherited-001 Ahem Table-layout is not inherited by default
  • Table-layout is not inherited by default.
table-layout-initial-001 Ahem Initial value of table-layout
  • The initial value of table-layout is 'auto'.
table-layout-property-001 A table doesn't size to fit its container when margins are zero and width is 'auto'
  • When table margins are zero and width is 'auto', the table doesn't automatically size to fill its containing block .
table-layout-property-002 Centering a table in its containing block by setting its left and right margins to 'auto'
  • A table can be centered in its containing block by setting its left and right margins to 'auto'.
table-layout-001 Ahem Table-layout set to 'auto'
  • Cell content width is taken into account in the used width of a table when the table has 'table-layout' set to 'auto'.
table-layout-002 Ahem Table-layout set to 'fixed'
  • Cell content width is not taken into account in the used width of a table when the table has 'table-layout' set to 'fixed'.
table-layout-003 Ahem Table-layout set to 'inherit'
  • A table can inherit its 'table-layout' behavior from its parent container.
table-layout-applies-to-001 Ahem Table-layout and 'display: inline' elements
  • Table-layout does not apply to 'display: inline' elements.
table-layout-applies-to-002 Ahem Table-layout and 'display: block' elements
  • Table-layout does not apply to 'display: block' elements.
table-layout-applies-to-003 Ahem Table-layout and 'display: list-item' elements
  • Table-layout does not apply to 'display: list-item' elements.
table-layout-applies-to-004 Ahem Table-layout and 'display: run-in' elements
  • Table-layout does not apply to 'display: run-in' elements.
table-layout-applies-to-005 Ahem Table-layout and 'display: inline-block' elements
  • Table-layout does not apply to 'display: inline-block' elements.
table-layout-applies-to-006 Ahem Table-layout and 'display: table' elements
  • Table-layout applies to 'display: table' elements.
table-layout-applies-to-007 Ahem Table-layout and 'display: inline-table' elements
  • Table-layout applies to 'display: inline-table' elements.
table-layout-applies-to-008 Ahem Table-layout and 'display: table-row-group' elements
  • Table-layout does not apply to 'display: table-row-group' elements.
table-layout-applies-to-009 Ahem Table-layout and 'display: table-header-group' elements
  • Table-layout does not apply to 'display: table-header-group' elements.
table-layout-applies-to-010 Ahem Table-layout and 'display: table-footer-group' elements
  • Table-layout does not apply to 'display: table-footer-group' elements.
table-layout-applies-to-011 Ahem Table-layout and 'display: table-row' elements
  • Table-layout does not apply to 'display: table-row' elements.
table-layout-applies-to-012 Ahem Table-layout and 'display: table-column' elements
  • Table-layout does not apply to 'display: table-column' elements.
table-layout-applies-to-013 Ahem Table-layout and 'display: table-column-group' elements
  • Table-layout does not apply to 'display: table-column-group' elements.
table-layout-applies-to-014 Ahem Table-layout and 'display: table-cell' elements
  • Table-layout does not apply to 'display: table-cell' elements.
table-layout-applies-to-015 Ahem Table-layout and 'display: table-caption' elements
  • Table-layout does not apply to 'display: table-caption' elements.
table-layout-applies-to-016 = Table-layout and 'display: none' elements
  • Table-layout does not apply to 'display: none' elements.
table-layout-applies-to-017 Ahem Table-layout and 'display: inherit' elements
  • Table-layout does not apply to 'display: inherit' elements which do not inherit the value of 'table'.
table-layout-inherited-001 Ahem Table-layout is not inherited by default
  • Table-layout is not inherited by default.
table-layout-initial-001 Ahem Initial value of table-layout
  • The initial value of table-layout is 'auto'.
+ 17.5.2.1 Fixed table layout
fixed-table-layout-001 Ahem Fixed table layout when 'width' property is 'auto'
  • If a browser supports fixed table layout when 'width' is 'auto', a table will size to its containing block, minus any margin space (modified example from spec section 17.5.2.1).
fixed-table-layout-002 Value other than 'auto' for column width sets width of cells in the column
  • A column element with a value other than 'auto' for the 'width' property sets the width for the column of cells it contains.
fixed-table-layout-002a = Bitmaps table-layout: fixed - specified column width must include padding and border applied on its cells
  • In the fixed table layout algorithm, the horizontal layout of the table only depends on the table's width, the width of the columns, table borders and any non-zero horizontal border-spacing if 'border-collapse: separate' applies to such table, like in this test. The specified width of columns must include the non-zero horizontal padding and/or non-zero horizontal borders which may be applying to the cells contained in such columns.
fixed-table-layout-003 Cell in the first row with specified width sets the width for the column
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width.
fixed-table-layout-003a01 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with symetrical non-zero horizontal cell padding and with zero horizontal cell border.
fixed-table-layout-003a02 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with symetrical non-zero horizontal cell padding and with zero horizontal cell border.
fixed-table-layout-003a03 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with one non-zero horizontal cell padding and with zero horizontal cell border.
fixed-table-layout-003a04 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with one non-zero horizontal cell padding and with zero horizontal cell border.
fixed-table-layout-003a05 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with one non-zero horizontal cell padding and with zero horizontal cell border.
fixed-table-layout-003a06 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with one non-zero horizontal cell padding and with zero horizontal cell border.
fixed-table-layout-003b01 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with non-zero symetrical horizontal cell padding and with non-zero symetrical horizontal cell borders.
fixed-table-layout-003b02 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with non-zero symetrical horizontal cell padding and with non-zero symetrical horizontal cell borders.
fixed-table-layout-003b03 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with one non-zero horizontal cell padding and with non-zero symetrical horizontal cell borders.
fixed-table-layout-003b04 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with one non-zero horizontal cell padding and with non-zero symetrical horizontal cell borders.
fixed-table-layout-003b05 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with one non-zero horizontal cell padding and with non-zero symetrical horizontal cell borders.
fixed-table-layout-003b06 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with one non-zero horizontal cell padding and with non-zero symetrical horizontal cell borders.
fixed-table-layout-003b07 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with non-zero symetrical horizontal cell padding and with one non-zero horizontal cell border.
fixed-table-layout-003b08 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with non-zero symetrical horizontal cell padding and with one non-zero horizontal cell border.
fixed-table-layout-003b09 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with non-zero symetrical horizontal cell padding and with one non-zero horizontal cell border.
fixed-table-layout-003b10 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with non-zero symetrical horizontal cell padding and with one non-zero horizontal cell border.
fixed-table-layout-003b11 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with asymetrical non-zero horizontal cell padding and with asymetrical non-zero horizontal cell borders.
fixed-table-layout-003b12 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with asymetrical non-zero horizontal cell padding and with asymetrical non-zero horizontal cell borders.
fixed-table-layout-003c01 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with zero horizontal cell padding and with non-zero symetrical horizontal cell borders.
fixed-table-layout-003c02 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with zero horizontal cell padding and with non-zero symetrical horizontal cell borders.
fixed-table-layout-003c03 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with zero horizontal cell padding and with one non-zero horizontal cell border.
fixed-table-layout-003c04 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with zero horizontal cell padding and with one non-zero horizontal cell border.
fixed-table-layout-003c05 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with zero horizontal cell padding and with one non-zero horizontal cell border.
fixed-table-layout-003c06 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with zero horizontal cell padding and with one non-zero horizontal cell border.
fixed-table-layout-003c07 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with zero horizontal cell padding and with non-zero asymetrical horizontal cell borders.
fixed-table-layout-003c08 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with zero horizontal cell padding and with non-zero asymetrical horizontal cell borders.
fixed-table-layout-003d01 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with non-zero horizontal cell padding and with zero horizontal cell border.
fixed-table-layout-003d02 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with non-zero horizontal cell padding and with zero horizontal cell border.
fixed-table-layout-003d03 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with one non-zero horizontal cell padding and with zero horizontal cell border.
fixed-table-layout-003d04 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with one non-zero horizontal cell padding and with zero horizontal cell border.
fixed-table-layout-003d05 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with one non-zero horizontal cell padding and with zero horizontal cell border.
fixed-table-layout-003d06 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with one non-zero horizontal cell padding and with zero horizontal cell border.
fixed-table-layout-003e01 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with non-zero symetrical horizontal cell padding and with non-zero symetrical horizontal cell borders.
fixed-table-layout-003e02 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with non-zero symetrical horizontal cell padding and with non-zero symetrical horizontal cell borders.
fixed-table-layout-003e03 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with one non-zero horizontal cell padding and with non-zero symetrical horizontal cell borders.
fixed-table-layout-003e04 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with one non-zero horizontal cell padding and with non-zero symetrical horizontal cell borders.
fixed-table-layout-003e05 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with one non-zero horizontal cell padding and with non-zero symetrical horizontal cell borders.
fixed-table-layout-003e06 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with one non-zero horizontal cell padding and with non-zero symetrical horizontal cell borders.
fixed-table-layout-003e07 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with non-zero symetrical horizontal cell padding and with one non-zero horizontal cell border.
fixed-table-layout-003e08 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with non-zero symetrical horizontal cell padding and with one non-zero horizontal cell borders.
fixed-table-layout-003e09 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with non-zero symetrical horizontal cell padding and with one non-zero horizontal cell border.
fixed-table-layout-003e10 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with non-zero symetrical horizontal cell padding and with one non-zero horizontal cell border.
fixed-table-layout-003e11 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with asymetrical non-zero horizontal cell padding and with asymetrical non-zero horizontal cell border.
fixed-table-layout-003e12 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with asymetrical non-zero horizontal cell padding and with asymetrical non-zero horizontal cell borders.
fixed-table-layout-003f01 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with zero horizontal cell padding and with non-zero symetrical horizontal cell borders.
fixed-table-layout-003f02 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with zero horizontal cell padding and with non-zero symetrical horizontal cell borders.
fixed-table-layout-003f03 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with zero horizontal cell padding and with one non-zero horizontal cell border.
fixed-table-layout-003f04 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with zero horizontal cell padding and with one non-zero horizontal cell border.
fixed-table-layout-003f05 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with zero horizontal cell padding and with one non-zero horizontal cell border.
fixed-table-layout-003f06 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with zero horizontal cell padding and with one non-zero horizontal cell border.
fixed-table-layout-003f07 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with zero horizontal cell padding and with non-zero asymetrical horizontal cell borders.
fixed-table-layout-003f08 = table-layout: fixed - cell in the first row with specified width
  • A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with zero horizontal cell padding and with non-zero asymetrical horizontal cell borders.
fixed-table-layout-004 Fixed table layout
  • The width of a column-spanning cell (which determines column widths in fixed table layout) is divided over the columns it spans.
fixed-table-layout-005 Leftover table width is divided evenly among auto-sized columns
  • Any remaining horizontal table space is divided evenly among columns which do not have specified widths.
fixed-table-layout-006 Remaining table width is divided evenly among non auto-sized columns (minus borders and cell spacing)
  • Any remaining horizontal table space is divided evenly among columns which do not have specified widths (minus borders and cell spacing).
fixed-table-layout-007 Fixed table width is maximum between table and sum of column 'width' (table width wins)
  • A fixed layout table's width will be its specified width if that width is greater than the sum of its columns' widths.
fixed-table-layout-009 Cell that overflows a fixed-width table
  • A cell that overflows the fixed table width uses its 'overflow' property to determine whether to clip the overflow content.
fixed-table-layout-010 Subsequent rows in fixed table layout
  • Cells in subsequent rows after the first do not affect column widths in fixed table layout.
fixed-table-layout-011 Optional Table with table-layout fixed, width auto (inline-level)
  • A table with fixed table-layout and auto width may be sized according to the auto table layout algorithm.
fixed-table-layout-012 Fixed table layout - specified column width overrides first-cell specified width
  • A column element with specified width sets the width of the column, even if the first-row cell has a specified width.
fixed-table-layout-013 Fixed table layout - specified column-group width
  • Specified column-group width is ignored in fixed table layout.
fixed-table-layout-014 Fixed table layout - specified column width overrides specified column-group width
  • A column that has both a column width and column-group width specified will use its column specified width.
fixed-table-layout-015 Fixed table layout - specified cell width overrides specified column-group width
  • A column that has both a cell width and column-group width specified will use its cell specified width.
fixed-table-layout-016 Fixed table width is maximum between table and sum of column 'width' (sum of columns' widths wins)
  • A fixed layout table's width will be the sum of its columns' widths if that number is greater than the table's specified width.
fixed-table-layout-017 = table-layout fixed - columns with percentage width
  • A column with a percentage width in a 'table-layout: fixed' table can be calculated and predicted when in 'border-collapse: separate' model.
fixed-table-layout-018 = table-layout fixed - columns with percentage width
  • A column with a percentage width in a 'table-layout: fixed' table can be calculated and predicted when in 'border-collapse: separate' model.
fixed-table-layout-019 = table-layout fixed - columns with percentage width
  • A column with a percentage width in a 'table-layout: fixed' table can be calculated and predicted when in 'border-collapse: separate' model.
fixed-table-layout-020 = table-layout fixed - columns with percentage width
  • A column with a percentage width in a 'table-layout: fixed' table can be calculated, predicted, rendered.
fixed-table-layout-021 = table-layout fixed - columns with percentage width
  • A column with a percentage width in a 'table-layout: fixed' table can be calculated, predicted, rendered.
fixed-table-layout-022 = table-layout fixed - columns with percentage width and absolute width
  • A column with a percentage width in a 'table-layout: fixed' table can be calculated, predicted, rendered.
fixed-table-layout-023 = table-layout fixed - columns with percentage width and absolute width
  • A column with a percentage width in a 'table-layout: fixed' table can be calculated, predicted, rendered.
fixed-table-layout-025 = percentage width set on table-cell in 'table-layout: fixed' table
  • A cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column in the fixed table layout algorithm. The determination of the width of such column must nevertheless still take into account the horizontal padding of such cell.
fixed-table-layout-026 = percentage width set on table-cell in 'table-layout: fixed' table
  • A cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column in the fixed table layout algorithm. The determination of the width of such column must nevertheless still take into account the horizontal borders of such cell.
fixed-table-layout-027 = percentage width set on table-cell in 'table-layout: fixed' table
  • A cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column in the fixed table layout algorithm. The determination of the width of such column must nevertheless still take into account the horizontal borders of such cell.
fixed-table-layout-028 = percentage width set on table-cell in 'table-layout: fixed' table
  • A cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column in the fixed table layout algorithm. The determination of the width of such column must nevertheless still take into account the horizontal padding and horizontal borders of such cell.
fixed-table-layout-029 = percentage width set on table-cell in 'table-layout: fixed' table
  • A cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column in the fixed table layout algorithm. The determination of the width of such column must nevertheless still take into account the horizontal padding and horizontal borders of such cell.
fixed-table-layout-030 = percentage width set on table-cell in 'table-layout: fixed' table
  • A cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column in the fixed table layout algorithm. The determination of the width of such column must nevertheless still take into account the horizontal padding and horizontal borders of such cell.
fixed-table-layout-031 = percentage width set on table-cell in 'table-layout: fixed' table
  • A cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column in the fixed table layout algorithm. The determination of the width of such column must nevertheless still take into account the horizontal padding and horizontal borders of such cell.
+ 17.5.2.2 Automatic table layout
anonymous-table-box-width-001 = Width of anonymous table box versus caption box in the automatic table layout
  • Anonymous table box should be as wide as max(table-width, table-caption-min-intrinsic-width).
inline-table-width-001a = Test for 'width' shrink-wrapping on inline-table
inline-table-width-001b = Test for 'width' shrink-wrapping on inline-table
inline-table-width-002a = Test for 'width' shrink-wrapping on inline-table
inline-table-width-002b = Test for 'width' shrink-wrapping on inline-table
table-percent-width-001 Testing percent widths of kids of anonymous table cells
  • Percentage width kids of anonymous cells should use anonymous cell as containing block
+ 17.5.3 Table height algorithms
height-table-cell-001 = height - table cell height
  • The height of a 'table-row' element's box is the maximum of the row's computed 'height', the computed 'height' of each cell in such row and the minimum height required by the content of the cells. The height of a cell is the maximum between its specified 'height' and the minimum height required by its content.
height-width-inline-table-001 = height and width of element set to 'display: inline-table'
  • The content-box height and width of an empty element styled with display set to 'inline-table' is given by its height and width properties when specified.
height-width-inline-table-001a = height and width of element set to 'display: inline-table'
  • The content-box height and width of an empty element styled with display set to 'inline-table' is given by its height and width properties when specified.
height-width-inline-table-001b = height and width of element set to 'display: inline-table'
  • The content-box height and width of an empty element styled with display set to 'inline-table' is given by its height and width properties when specified.
height-width-inline-table-001c = height and width of element set to 'display: inline-table'
  • The content-box height and width of an empty element styled with display set to 'inline-table' is given by its height and width properties when specified.
height-width-inline-table-001d = height and width of element set to 'display: inline-table'
  • The content-box height and width of an empty element styled with display set to 'inline-table' is given by its height and width properties when specified.
height-width-inline-table-001e = height and width of element set to 'display: inline-table'
  • The content-box height and width of an empty element styled with display set to 'inline-table' is given by its height and width properties when specified.
height-width-table-001 = height and width of element set to 'display: table'
  • The content-box height and width of an empty element styled with display set to 'table' is given by its height and width properties when specified.
height-width-table-001a = height and width of element set to 'display: table'
  • The content-box height and width of an empty element styled with display set to 'table' is given by its height and width properties when specified.
height-width-table-001b = height and width of element set to 'display: table'
  • The content-box height and width of an empty element styled with display set to 'table' is given by its height and width properties when specified.
height-width-table-001c = height and width of element set to 'display: table'
  • The content-box height and width of an empty element styled with display set to 'table' is given by its height and width properties when specified.
height-width-table-001d = height and width of element set to 'display: table'
  • The content-box height and width of an empty element styled with display set to 'table' is given by its height and width properties when specified.
height-width-table-001e = height and width of element set to 'display: table'
  • The content-box height and width of an empty element styled with display set to 'table' is given by its height and width properties when specified.
table-height-algorithm-001 Ahem Table height of 'auto' equals sum of row heights, cell spacing and borders
  • A table height of 'auto' equals the sum of the row heights plus any cell spacing and borders.
table-height-algorithm-002 Ahem Specified table height is treated as minimum height
  • A specified table height value is treated as the minimum height of the table.
table-height-algorithm-003 Ahem Specified row height is treated as minimum row height
  • A specified row height value is treated as the minimum height of the row.
table-height-algorithm-004 Ahem Specifying 'auto' height on a row assigns it its minimum content height
  • This tests that setting 'height: auto' on a row assigns the row its minimum content height.
table-height-algorithm-008 Ahem Height of a cell is maximum between its specified 'height' and content minimum height
  • The height of a cell is the maximum between its specified 'height' and content minimum height.
table-height-algorithm-008a = Ahem Height of a cell is maximum between its specified 'height' and content minimum height
  • The height of a 'table-row' element's box is the maximum of the row's computed 'height', the computed 'height' of each cell in such row and the minimum height required by the content of the cells. The height of a cell is the maximum between its specified 'height' and the minimum height required by its content.
table-height-algorithm-008b = Ahem Height of a cell is maximum between its specified 'height' and content minimum height
  • The height of a 'table-row' element's box is the maximum of the row's computed 'height', the computed 'height' of each cell in such row and the minimum height required by the content of the cells. The height of a cell is the maximum between its specified 'height' and the minimum height required by its content.
table-height-algorithm-008c = Ahem Height of a cell is maximum between its specified 'height' and content minimum height
  • The height of a 'table-row' element's box is the maximum of the row's computed 'height', the computed 'height' of each cell in such row and the minimum height required by the content of the cells. The height of a cell is the maximum between its specified 'height' and the minimum height required by its content.
table-height-algorithm-009 Ahem Height value of 'auto' on a cell assigns it its content minimum height
  • A 'height' value of 'auto' on a cell assigns it its content minimum height.
table-height-algorithm-010 Ahem Sum of row heights of a spanning cell must be great enough to encompass the full cell
  • The sum of row heights for a spanning cell are great enough to encompass the full cell.
table-height-algorithm-011 Vertical-align set to 'baseline' aligns the cell content baseline with baseline of the row
  • A cell with Vertical-align set to 'baseline' aligns the cell's content baseline with the baseline of the row.
table-height-algorithm-012 Vertical-align set to 'baseline' with a spanning cell
  • A spanning cell with Vertical-align set to 'baseline' aligns the cell's content baseline (which is the bottom of the first line of text or in-flow content) with the baseline of the first of the rows it spans.
table-height-algorithm-013 Vertical-align set to 'top' aligns cell content to the top of the cell
  • A cell with Vertical-align set to 'top' aligns a cell's content to the top of the cell.
table-height-algorithm-014 Vertical-align set to 'top' with a spanning cell
  • A spanning cell with Vertical-align set to 'top' aligns the cell's content to the top of the first row that it spans.
table-height-algorithm-015 Vertical-align set to 'bottom' aligns cell content to the bottom of the cell
  • A cell with Vertical-align set to 'bottom' aligns the cell's content to the bottom of the cell.
table-height-algorithm-016 Vertical-align set to 'bottom' with a spanning cell
  • A spanning cell with Vertical-align set to 'bottom' aligns the cell's content to the bottom of the last row it spans.
table-height-algorithm-017 Vertical-align set to 'middle' aligns content to the middle of the cell
  • A cell with Vertical-align set to 'middle' aligns cell content in the middle of the cell.
table-height-algorithm-018 Vertical-align set to 'middle' with a spanning cell
  • A spanning cell with 'vertical-align' set to 'middle' aligns content to the vertical center of the rows it spans.
table-height-algorithm-019 Cell with 'vertical-align: sub' renders as 'vertical-align: baseline'
  • A cell with 'vertical-align: sub' renders as if the value were 'baseline'.
table-height-algorithm-020 Cell with 'vertical-align: super' renders as 'vertical-align: baseline'
  • A cell with 'vertical-align: super' renders as if the value were 'baseline'.
table-height-algorithm-021 Cell with 'vertical-align: text-top' renders as 'vertical-align: baseline'
  • A cell with 'vertical-align: text-top' renders as if the value were 'baseline'.
table-height-algorithm-022 Cell with 'vertical-align: text-bottom' renders as 'vertical-align: baseline'
  • A cell with 'vertical-align: text-bottom' renders as if the value were 'baseline'.
table-height-algorithm-023 Cell with 'vertical-align: [length]' renders as 'vertical-align: baseline'
  • A cell with 'vertical-align: [length]' renders as if the value were 'baseline'.
table-height-algorithm-024 Cell with 'vertical-align: [percentage]' renders as 'vertical-align: baseline'
  • A cell with 'vertical-align: [percentage]' renders as if the value were 'baseline'.
table-height-algorithm-025 Finding the baseline of a cell
  • The baseline of a cell is the baseline of the first in-flow line box in the cell or first in-flow table-row in the cell, whichever comes first.
table-height-algorithm-026 Finding the baseline of a cell when no in-flow lines or rows
  • The baseline of a cell is determined by the bottom content edge of a cell when in-flow line boxes and table rows are not present.
table-height-algorithm-027 Ahem In-flow boxes are considered scrolled to origin position when finding a baseline
  • In-flow boxes are considered to be scrolled to their origin position when finding a baseline.
table-height-algorithm-028 AhemOptional Baseline of a cell might end up below its bottom border
  • The baseline of a cell may end up below its bottom border (modified example from spec section 17.5.3).
table-height-algorithm-029 Table cells with different 'vertical-align' values
  • A table can have cells with different 'vertical-align' values.
table-height-algorithm-030 Ahem Cell boxes smaller than their rows receive extra padding
  • A cell box that is smaller than height of its row receives extra top or bottom padding.
table-height-algorithm-031 Table baseline and caption
  • A table caption does not set the baseline for a table.
table-height-algorithm-032 Inline-table baseline and caption
  • A table caption does not set the baseline for an inline-table.
table-valign-001 Table Cell Vertical Alignment Affect on Specified Height
  • Vertical alignment of cell contents does not increase the height of cells in the row if there is already enough room.
table-valign-002 Table Cell Vertical Alignment with Specified Height
  • Vertical alignment in table cells works whether or not that cell has a specified height.
table-vertical-align-baseline-001 = Test for baseline alignment of table cells
table-vertical-align-baseline-002 = Test for baseline alignment of table cells
table-vertical-align-baseline-003 = Test for baseline alignment of table cells
table-vertical-align-baseline-004 = Test for baseline alignment of table cells
table-vertical-align-baseline-005 = Test for baseline alignment of table cells
table-vertical-align-baseline-006 = Test for baseline alignment of table cells
table-vertical-align-baseline-007 = Test for baseline alignment of table cells
+ 17.5.4 Horizontal alignment in a column
column-horizontal-alignment-001 Horizontal alignment in a column 'text-align' set to 'left'
  • The 'text-align' property horizontally aligns cell content.
column-horizontal-alignment-002 Horizontal alignment in a column 'text-align' set to 'right'
  • The 'text-align' property horizontally aligns cell content.
column-horizontal-alignment-003 Horizontal alignment in a column 'text-align' set to 'center'
  • The 'text-align' property horizontally aligns cell content.
column-horizontal-alignment-004 Horizontal alignment in a column 'text-align' set to 'justify'
  • The 'text-align' property horizontally aligns cell content.
column-horizontal-alignment-005 Horizontal alignment in a column 'text-align' set to 'inherit' ('center')
  • The 'text-align' property horizontally aligns cell content.
+ 17.5.5 Dynamic row and column effects
column-visibility-003 Ahem Spanning cell that intersects a 'visibility: collapse' column
  • Contents of a spanned cell which intersect with a collapsed column are clipped.
column-visibility-004 = Ahem Spanning cell that intersects a 'visibility: collapse' column
  • Contents of a spanned cell which intersect with a collapsed column are clipped.
row-visibility-001 Row and the 'visibility' property
  • A 'visibility' value of 'collapse' applies to table rows.
row-visibility-002 Row group and the 'visibility' property
  • The 'visibility' value of 'collapse' applies to table row groups.
row-visibility-003 Ahem Spanning cell that intersects a 'visibility: collapse' row
  • Contents of a spanned cell which intersect with a collapsed row are clipped.
row-visibility-004 A spanning cell that originates from a 'visibility: collapse' row
  • A row-spanning cell which originates in a collapsed row is completely collapsed along with its row.
visibility-collapse-001 DOM/JSInteract CSS Tables: Visibility
+ 17.6 Borders
border-collapse-001 Border-collapse set to 'collapse'
  • A table with 'border-collapse' set to 'collapse' collapses the borders between its cells.
border-collapse-002 Border-collapse set to 'separate'
  • A table with 'border-collapse' set to 'separate' separates the borders between its cells.
border-collapse-003 Border-collapse set to 'inherit'
  • A table can inherit its 'border-collapse' behavior from its parent container.
border-collapse-applies-to-001 Border-collapse and 'display: inline' elements
  • Border-collapse does not apply to 'display: inline' elements.
border-collapse-applies-to-002 Border-collapse and 'display: block' elements
  • Border-collapse does not apply to 'display: block' elements.
border-collapse-applies-to-003 Border-collapse and 'display: list-item' elements
  • Border-collapse and 'display: list-item' elements.
border-collapse-applies-to-004 Border-collapse and 'display: run-in' elements
  • Border-collapse does not apply to 'display: run-in' elements.
border-collapse-applies-to-005 Border-collapse and 'display: inline-block' elements
  • Border-collapse does not apply to 'display: inline-block' elements.
border-collapse-applies-to-006 Border-collapse and 'display: table' elements
  • Border-collapse applies to 'display: table' elements.
border-collapse-applies-to-007 Border-collapse and 'display: inline-table' elements
  • Border-collapse applies to 'display: inline-table' elements.
border-collapse-applies-to-008 Border-collapse and 'display: table-row-group' elements
  • Border-collapse does not apply to 'display: table-row-group' elements.
border-collapse-applies-to-009 Border-collapse and 'display: table-header-group' elements
  • Border-collapse does not apply to 'display: table-header-group' elements.
border-collapse-applies-to-010 Border-collapse and 'display: table-footer-group' elements
  • Border-collapse does not apply to 'display: table-footer-group' elements.
border-collapse-applies-to-011 Border-collapse and 'display: table-row' elements
  • Border-collapse does not apply to 'display: table-row' elements.
border-collapse-applies-to-012 Border-collapse and 'display: table-column' elements
  • Border-collapse does not apply to 'display: table-column' elements.
border-collapse-applies-to-013 Border-collapse and 'display: table-column-group' elements
  • Border-collapse does not apply to 'display: table-column-group' elements.
border-collapse-applies-to-014 Border-collapse and 'display: table-cell' elements
  • Border-collapse does not apply to 'display: table-cell' elements.
border-collapse-applies-to-015 Border-collapse and 'display: table-caption' elements
  • Border-collapse does not apply to 'display: table-caption' elements.
border-collapse-applies-to-016 = Border-collapse and 'display: none' elements
  • Border-collapse does not apply to 'display: none' elements.
border-collapse-applies-to-017 Border-collapse and 'display: inherit' elements
  • Border-collapse does not apply to 'display: inherit' elements which do not inherit the value of 'table' or 'inline-table'.
border-collapse-inherited-001 Border-collapse is inherited by default
  • Border-collapse is inherited by default.
border-collapse-initial-001 Initial value of border-collapse
  • The initial value of border-collapse is 'separate'.
border-collapse-001 Border-collapse set to 'collapse'
  • A table with 'border-collapse' set to 'collapse' collapses the borders between its cells.
border-collapse-002 Border-collapse set to 'separate'
  • A table with 'border-collapse' set to 'separate' separates the borders between its cells.
border-collapse-003 Border-collapse set to 'inherit'
  • A table can inherit its 'border-collapse' behavior from its parent container.
border-collapse-applies-to-001 Border-collapse and 'display: inline' elements
  • Border-collapse does not apply to 'display: inline' elements.
border-collapse-applies-to-002 Border-collapse and 'display: block' elements
  • Border-collapse does not apply to 'display: block' elements.
border-collapse-applies-to-003 Border-collapse and 'display: list-item' elements
  • Border-collapse and 'display: list-item' elements.
border-collapse-applies-to-004 Border-collapse and 'display: run-in' elements
  • Border-collapse does not apply to 'display: run-in' elements.
border-collapse-applies-to-005 Border-collapse and 'display: inline-block' elements
  • Border-collapse does not apply to 'display: inline-block' elements.
border-collapse-applies-to-006 Border-collapse and 'display: table' elements
  • Border-collapse applies to 'display: table' elements.
border-collapse-applies-to-007 Border-collapse and 'display: inline-table' elements
  • Border-collapse applies to 'display: inline-table' elements.
border-collapse-applies-to-008 Border-collapse and 'display: table-row-group' elements
  • Border-collapse does not apply to 'display: table-row-group' elements.
border-collapse-applies-to-009 Border-collapse and 'display: table-header-group' elements
  • Border-collapse does not apply to 'display: table-header-group' elements.
border-collapse-applies-to-010 Border-collapse and 'display: table-footer-group' elements
  • Border-collapse does not apply to 'display: table-footer-group' elements.
border-collapse-applies-to-011 Border-collapse and 'display: table-row' elements
  • Border-collapse does not apply to 'display: table-row' elements.
border-collapse-applies-to-012 Border-collapse and 'display: table-column' elements
  • Border-collapse does not apply to 'display: table-column' elements.
border-collapse-applies-to-013 Border-collapse and 'display: table-column-group' elements
  • Border-collapse does not apply to 'display: table-column-group' elements.
border-collapse-applies-to-014 Border-collapse and 'display: table-cell' elements
  • Border-collapse does not apply to 'display: table-cell' elements.
border-collapse-applies-to-015 Border-collapse and 'display: table-caption' elements
  • Border-collapse does not apply to 'display: table-caption' elements.
border-collapse-applies-to-016 = Border-collapse and 'display: none' elements
  • Border-collapse does not apply to 'display: none' elements.
border-collapse-applies-to-017 Border-collapse and 'display: inherit' elements
  • Border-collapse does not apply to 'display: inherit' elements which do not inherit the value of 'table' or 'inline-table'.
border-collapse-inherited-001 Border-collapse is inherited by default
  • Border-collapse is inherited by default.
border-collapse-initial-001 Initial value of border-collapse
  • The initial value of border-collapse is 'separate'.
+ 17.6.1 The separated borders model
border-spacing-001 Border-spacing using pixels with a minimum minus one value, -1px
  • Setting border-spacing to a value below the minimum in pixels falls back to the default value.
border-spacing-002 Ahem Border-spacing using pixels with a minimum value, 0px
  • Border-spacing can be set to the minimum value with pixels.
border-spacing-003 Ahem Border-spacing using pixels with a minimum plus one value, 1px
  • Border-spacing can be set one above the minimum in pixels.
border-spacing-004 Ahem Border-spacing set to zero using pixels with a minus sign, -0px
  • Border-spacing can be set to the minimum value, using zero with a minus sign, with pixels.
border-spacing-005 Ahem Border-spacing set to zero using pixels with a plus sign, +0px
  • Border-spacing can be set to the minimum value, using zero with a plus sign, with pixels.
border-spacing-006 Ahem Border-spacing using pixels with a nominal value, 96px
  • Border-spacing can be set to nominal length in pixels.
border-spacing-007 Ahem Border-spacing using pixels with a nominal value (with plus sign), +96px
  • Border-spacing can be set to a nominal length (with plus sign) in pixels.
border-spacing-012 Invalid Border-spacing using points with a minimum minus one value, -1pt
  • Setting border-spacing to a value below the minimum in points falls back to the default value.
border-spacing-013 Ahem Border-spacing using points with a minimum value, 0pt
  • Border-spacing can be set to the minimum value with points.
border-spacing-014 Ahem Border-spacing using points with a minimum plus one value, 1pt
  • Border-spacing can be set one above the minimum in points.
border-spacing-015 Ahem Border-spacing set to zero using points with a negative sign, -0pt
  • Border-spacing can be set to the minimum value, using zero with a negative sign, with points.
border-spacing-016 Ahem Border-spacing set to zero using points with a plus sign, +0pt
  • Border-spacing can be set to the minimum value, using zero with a plus sign, with points.
border-spacing-017 Ahem Border-spacing using points with a nominal value, 72pt
  • Border-spacing can be set to nominal length in points.
border-spacing-018 Ahem Border-spacing using points with a nominal value with a plus sign, +72pt
  • Border-spacing can be set to a nominal length (with plus sign) in points.
border-spacing-023 Border-spacing using picas with a minimum minus one value, -1pc
  • Setting border-spacing to a value below the minimum in picas falls back to the default value.
border-spacing-024 Ahem Border-spacing set to zero using picas, 0pc
  • Border-spacing can be set to the minimum value with picas.
border-spacing-025 Ahem Border-spacing using picas with a minimum plus one value, 1pc
  • Border-spacing can be set one above the minimum in picas.
border-spacing-026 Ahem Border-spacing set to zero using picas with a negative sign, -0
  • Border-spacing can be set to the minimum value, using zero with a negative sign, with picas.
border-spacing-027 Ahem Border-spacing set to zero using picas with a plus sign, +0
  • Border-spacing can be set to the minimum value, using zero with a plus sign, with picas.
border-spacing-028 Ahem Border-spacing using picas with a nominal value, 6pc
  • Border-spacing can be set to nominal length in picas.
border-spacing-029 Ahem Border-spacing using picas with a nominal value (with plus sign), +6pc
  • Border-spacing can be set to a nominal length (with plus sign) in picas.
border-spacing-034 Border-spacing using centimeters with a minimum minus one value, -1cm
  • Setting border-spacing to a value below the minimum in centimeters falls back to the default value.
border-spacing-035 Ahem Border-spacing using centimeters with a minimum value, 0cm
  • Border-spacing can be set to the minimum value with centimeters.
border-spacing-036 Ahem Border-spacing using centimeters with a minimum plus one value, 1cm
  • Border-spacing can be set one above the minimum in centimeters.
border-spacing-037 Ahem Border-spacing set to zero using centimeters with a minus sign, -0cm
  • Border-spacing can be set to the minimum value, using zero with a minus sign, with centimeters.
border-spacing-038 Ahem Border-spacing set to zero using centimeters with a plus sign, +0cm
  • Border-spacing can be set to the minimum value, using zero with a plus sign, with centimeters.
border-spacing-039 Ahem Border-spacing using centimeters with a nominal value, 2.54cm
  • Border-spacing can be set to nominal length in centimeters.
border-spacing-040 Ahem Border-spacing using centimeters with a nominal value (with plus sign), +2.54cm
  • Border-spacing can be set to a nominal length (with plus sign) in centimeters.
border-spacing-045 Border-spacing using millimeters with a minimum minus one value, -1mm
  • Setting border-spacing to a value below the minimum in millimeters falls back to the default value.
border-spacing-046 Ahem Border-spacing using millimeters with a minimum value, 0mm
  • Border-spacing can be set to the minimum value with millimeters.
border-spacing-047 Ahem Border-spacing using millimeters with a minimum plus one value, 1mm
  • Border-spacing can be set one above the minimum in millimeters.
border-spacing-048 Ahem Border-spacing set to zero using millimeters with a minus sign, -0mm
  • Border-spacing can be set to the minimum value, using zero with a negative sign, with millimeters.
border-spacing-049 Ahem Border-spacing set to zero using millimeters with a plus sign, +0mm
  • Border-spacing can be set to the minimum value, using zero with a plus sign, with millimeters.
border-spacing-050 Ahem Border-spacing using millimeters with a nominal value, 25.4mm
  • Border-spacing can be set to nominal length in millimeters.
border-spacing-051 Ahem Border-spacing using millimeters with a nominal value (with plus sign), +25.4mm
  • Border-spacing can be set to a nominal length (with plus sign) in millimeters.
border-spacing-056 Border-spacing using inches with a minimum minus one value, -1in
  • Setting border-spacing to a value below the minimum in inches falls back to the default value.
border-spacing-057 Ahem Border-spacing using inches with a minimum value, 0in
  • Border-spacing can be set to the minimum value with inches.
border-spacing-058 Ahem Border-spacing using inches with a minimum plus one value, 1in
  • Border-spacing can be set one above the minimum in inches.
border-spacing-059 Ahem Border-spacing set to zero using inches with a minus sign, -0in
  • Border-spacing can be set to the minimum value, using zero with a negative sign, with inches.
border-spacing-060 Ahem Border-spacing set to zero using inches with a plus sign, +0in
  • Border-spacing can be set to the minimum value, using zero with a plus sign, with inches.
border-spacing-061 Ahem Border-spacing using inches with a nominal value, 1in
  • Border-spacing can be set to nominal length in inches.
border-spacing-062 Ahem Border-spacing using inches with a nominal value (with plus sign), +1in
  • Border-spacing can be set to a nominal length (with plus sign) in inches.
border-spacing-067 Border-spacing using 'em' units with a minimum minus one value, -1em
  • Setting border-spacing to a value below the minimum in 'em' units falls back to the default value.
border-spacing-068 Ahem Border-spacing using 'em' units with a minimum value, 0em
  • Border-spacing can be set to the minimum value with 'em' units.
border-spacing-069 Ahem Border-spacing using 'em' units with a minimum plus one value, 1em
  • Border-spacing can be set one above the minimum in 'em' units.
border-spacing-070 Ahem Border-spacing set to zero using 'em' units with a minus sign, -0em
  • Border-spacing can be set to the minimum value, using zero with a minus sign, in 'em' units.
border-spacing-071 Ahem Border-spacing set to zero using 'em' units with a plus sign, +0em
  • Border-spacing can be set to the minimum value, using zero with a plus sign, in 'em' units.
border-spacing-072 Ahem Border-spacing using 'em' units with a nominal value, 6em
  • Border-spacing can be set to nominal length in 'em' units.
border-spacing-073 Ahem Border-spacing using 'em' units with a nominal value with a plus sign, +6em
  • Border-spacing can be set to a nominal length (with plus sign) in 'em' units.
border-spacing-078 Border-spacing using 'ex' units with a minimum minus one value, -1ex
  • Setting border-spacing to a value below the minimum in 'ex' units falls back to the default value.
border-spacing-079 Ahem Border-spacing using 'ex' units with a minimum value, 0ex
  • Border-spacing can be set to the minimum value in 'ex' units.
border-spacing-081 Ahem Border-spacing set to zero using 'ex' units with a minus sign, -0ex
  • Border-spacing can be set to the minimum value, using zero with a negative sign, in 'ex' units.
border-spacing-082 Ahem Border-spacing set to zero using 'ex' units with a plus sign, +0ex
  • Border-spacing can be set to the minimum value, using zero with plus sign, with 'ex' units.
border-spacing-083 Ahem Border-spacing using 'ex' units with a nominal value, 7.5ex
  • Border-spacing can be set to nominal length in 'ex' units.
border-spacing-084 Ahem Border-spacing using 'ex' units with a nominal value with a plus sign, +7.5ex
  • Border-spacing can be set to a nominal length (with plus sign) in 'ex' units.
border-spacing-089 Ahem Border-spacing set to zero with no units with a minus sign, -0
  • Border-spacing can be set to the minimum value with an integer, regardless of the negative sign on it.
border-spacing-090 Ahem Border-spacing set to zero with no units, 0
  • Border-spacing can be set to the minimum value with an integer.
border-spacing-091 Ahem Border-spacing set to zero with no units with a plus sign, +0
  • Border-spacing can be set to the minimum value with an integer, regardless of the positive sign on it.
border-spacing-092 Ahem Border-spacing set to inherit with one value, 1in
  • Verify that a table with 'border-spacing: inherit' uses its parent container's border-spacing value.
border-spacing-093 Ahem Border-spacing set to inherit with two values, 50px 5px
  • Verify that a table with 'border-spacing: inherit' uses both of its parent container's border-spacing values if two are specified.
border-spacing-094 Ahem Border-spacing: using two values, 5px 50px
  • Verify that a table can have two values specified by its border-spacing property.
border-spacing-applies-to-001 Border-spacing and 'display: inline' elements
  • Border-spacing does not apply to 'display: inline' elements.
border-spacing-applies-to-002 Border-spacing and 'display: block' elements
  • Border-spacing does not apply to 'display: block' elements.
border-spacing-applies-to-003 Border-spacing and 'display: list-item' elements
  • Border-spacing does not apply to 'display: list-item' elements.
border-spacing-applies-to-004 Border-spacing and 'display: run-in' elements
  • Border-spacing does not apply to 'display: run-in' elements.
border-spacing-applies-to-005 Border-spacing and 'display: inline-block' elements
  • Border-spacing does not apply to 'display: inline-block' elements.
border-spacing-applies-to-006 Border-spacing and 'display: table' elements
  • Border-spacing applies to 'display: table' elements.
border-spacing-applies-to-007 Border-spacing and 'display: inline-table' elements
  • Border-spacing applies to 'display: inline-table' elements.
border-spacing-applies-to-008 Border-spacing and 'display: table-row-group' elements
  • Border-spacing does not apply to 'display: table-row-group' elements.
border-spacing-applies-to-009 Border-spacing and 'display: table-header-group' elements
  • Border-spacing does not apply to 'display: table-header-group' elements.
border-spacing-applies-to-010 Border-spacing and 'display: table-footer-group' elements
  • Border-spacing does not apply to 'display: table-footer-group' elements.
border-spacing-applies-to-011 Border-spacing and 'display: table-row' elements
  • Border-spacing does not apply to 'display: table-row' elements.
border-spacing-applies-to-012 Border-spacing and 'display: table-column' elements
  • Border-spacing does not apply to 'display: table-column' elements.
border-spacing-applies-to-013 Border-spacing and 'display: table-column-group' elements
  • Border-spacing does not apply to 'display: table-column-group' elements.
border-spacing-applies-to-014 Border-spacing and 'display: table-cell' elements
  • Border-spacing does not apply to 'display: table-cell' elements.
border-spacing-applies-to-015 Border-spacing and 'display: table-caption' elements
  • Border-spacing does not apply to 'display: table-caption' elements.
border-spacing-applies-to-016 = Border-spacing and 'display: none' elements
  • Border-spacing does not apply to 'display: none' elements.
border-spacing-applies-to-017 Border-spacing and 'display: inherit' elements
  • Border-spacing does not apply to 'display: inherit' elements which do not inherit the value of 'table' or 'inline-table'.
border-spacing-inherited-001 Ahem Border-spacing is inherited by default
  • Border-spacing is inherited by default.
border-spacing-initial-001 Ahem Initial value of border-spacing
  • Verifies that the initial value of border-spacing is '0'.
border-spacing-initial-002 CSS table model: initial border-spacing
border-spacing-percentage-001 = Invalid Border-spacing - percentage value does not apply
  • 'border-spacing' property does not accept percentage unit.
border-spacing-values-001 Invalid Negative 'border-spacing' values are ignored
  • The 'border-spacing' property ignores a negative value. In which case, the default 'border-spacing' value as specified in the user agent stylesheet will apply.
fixed-table-layout-025 = percentage width set on table-cell in 'table-layout: fixed' table
  • A cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column in the fixed table layout algorithm. The determination of the width of such column must nevertheless still take into account the horizontal padding of such cell.
fixed-table-layout-026 = percentage width set on table-cell in 'table-layout: fixed' table
  • A cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column in the fixed table layout algorithm. The determination of the width of such column must nevertheless still take into account the horizontal borders of such cell.
fixed-table-layout-027 = percentage width set on table-cell in 'table-layout: fixed' table
  • A cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column in the fixed table layout algorithm. The determination of the width of such column must nevertheless still take into account the horizontal borders of such cell.
fixed-table-layout-028 = percentage width set on table-cell in 'table-layout: fixed' table
  • A cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column in the fixed table layout algorithm. The determination of the width of such column must nevertheless still take into account the horizontal padding and horizontal borders of such cell.
fixed-table-layout-029 = percentage width set on table-cell in 'table-layout: fixed' table
  • A cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column in the fixed table layout algorithm. The determination of the width of such column must nevertheless still take into account the horizontal padding and horizontal borders of such cell.
fixed-table-layout-030 = percentage width set on table-cell in 'table-layout: fixed' table
  • A cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column in the fixed table layout algorithm. The determination of the width of such column must nevertheless still take into account the horizontal padding and horizontal borders of such cell.
fixed-table-layout-031 = percentage width set on table-cell in 'table-layout: fixed' table
  • A cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column in the fixed table layout algorithm. The determination of the width of such column must nevertheless still take into account the horizontal padding and horizontal borders of such cell.
frameset-border-spacing-001 Optional Applying the 'border-spacing' property to a 'frameset' element
  • The user agent may allow the 'border-spacing' property to be applied to an HTML/XHTML 'frameset' element (non-normative rule).
padding-applies-to-013a = Padding applied to element with display table and with a set width
  • The width of a CSS table is the distance from the left inner padding edge to the right inner padding edge: so the width of a CSS table does not include its padding area.
separated-border-model-001 Distance between the table border and a bordering cell
  • The distance between table border and bordering cell equals table padding + cell's border spacing.
separated-border-model-003 HTML/XHTML table width equation
  • The width of an HTML/XHTML table is the distance between the left and right table border edges.
separated-border-model-003a = table width as set when greater than sum of columns width
  • The width of an HTML/XHTML table is the distance between the left and right table border edges. The width of a table with 'table-layout' set to 'fixed' is the greater of the value of the 'width' property for the <table> element and the sum of the columns width (plus cell spacing and cell borders). If the table is wider than the sum of columns' width, then the extra (exceeding) space should be distributed over the columns.
separated-border-model-003b = border-collapse: separate - HTML/XHTML table set width greater than sum of columns
  • In the border-collapse: separate model, the width of an HTML/XHTML table is the distance between the left and right table border edges. If the set width of an HTML/XHTML table is greater than the sum of the columns width (plus cell spacing and table borders), then the extra (exceeding) space should be distributed over the columns.
separated-border-model-004 Width of a table in separated borders mode
  • The width of a CSS table is the distance from the left inner padding edge to the right inner padding edge (including the border spacing but excluding padding and border).
separated-border-model-004a = width of CSS table in border-collapse separate model
  • The width of a CSS table is the distance from the left inner padding edge to the right inner padding edge (including the table border-spacing but excluding table padding and table borders).
separated-border-model-004b = width of CSS table in border-collapse separate model
  • The width of a CSS table is the distance from the left inner padding edge to the right inner padding edge (including the table border spacing but excluding table padding and table borders).
separated-border-model-004c = width of CSS table in border-collapse separate model
  • The width of a CSS table is the distance from the left inner padding edge to the right inner padding edge (including the table border-spacing but excluding table padding and table borders).
separated-border-model-004d = width of CSS table in border-collapse separate model
  • The width of a CSS table is the distance from the left inner padding edge to the right inner padding edge (including the table border-spacing but excluding table padding and table borders).
separated-border-model-004e = width of CSS table in border-collapse separate model
  • The width of a CSS table is the distance from the left inner padding edge to the right inner padding edge (including the table border-spacing but excluding table padding and table borders).
separated-border-model-006 Row and column backgrounds in the separated borders model
  • Table row, column, row group and column group backgrounds are invisible in the space between borders.
separated-border-model-007 = Border-spacing - contiguous table-row-groups (thead and tbody)
  • When a table element has 2 contiguous table-row-groups (thead, tbody, tfoot or more than 1 tbody elements), then border-spacing between such table-row-groups - thead and tbody in this testcase - must merge, must collapse into one.
separated-border-model-008 = Border-spacing - contiguous table-row-groups (tbody and tfoot)
  • When a table element has 2 contiguous table-row-groups (thead, tbody, tfoot or more than 1 tbody elements), then border-spacing between such table-row-groups - tbody and tfoot in this testcase - must merge, must collapse into one.
separated-border-model-009 = Border-spacing - contiguous table-row-groups (2 tbodies)
  • When a table element has 2 contiguous table-row-groups (thead, tbody, tfoot or more than 1 tbody elements), then border-spacing between such table-row-groups - 2 tbodies in this testcase - must merge, must collapse into one.
tables-001 CSS Tables: Nested anonymous table objects and border-spacing
  • border-spacing is applied around anonymous table objects, but anonymous table objects only exist if the table has content.
border-spacing-001 Border-spacing using pixels with a minimum minus one value, -1px
  • Setting border-spacing to a value below the minimum in pixels falls back to the default value.
border-spacing-002 Ahem Border-spacing using pixels with a minimum value, 0px
  • Border-spacing can be set to the minimum value with pixels.
border-spacing-003 Ahem Border-spacing using pixels with a minimum plus one value, 1px
  • Border-spacing can be set one above the minimum in pixels.
border-spacing-004 Ahem Border-spacing set to zero using pixels with a minus sign, -0px
  • Border-spacing can be set to the minimum value, using zero with a minus sign, with pixels.
border-spacing-005 Ahem Border-spacing set to zero using pixels with a plus sign, +0px
  • Border-spacing can be set to the minimum value, using zero with a plus sign, with pixels.
border-spacing-006 Ahem Border-spacing using pixels with a nominal value, 96px
  • Border-spacing can be set to nominal length in pixels.
border-spacing-007 Ahem Border-spacing using pixels with a nominal value (with plus sign), +96px
  • Border-spacing can be set to a nominal length (with plus sign) in pixels.
border-spacing-012 Invalid Border-spacing using points with a minimum minus one value, -1pt
  • Setting border-spacing to a value below the minimum in points falls back to the default value.
border-spacing-013 Ahem Border-spacing using points with a minimum value, 0pt
  • Border-spacing can be set to the minimum value with points.
border-spacing-014 Ahem Border-spacing using points with a minimum plus one value, 1pt
  • Border-spacing can be set one above the minimum in points.
border-spacing-015 Ahem Border-spacing set to zero using points with a negative sign, -0pt
  • Border-spacing can be set to the minimum value, using zero with a negative sign, with points.
border-spacing-016 Ahem Border-spacing set to zero using points with a plus sign, +0pt
  • Border-spacing can be set to the minimum value, using zero with a plus sign, with points.
border-spacing-017 Ahem Border-spacing using points with a nominal value, 72pt
  • Border-spacing can be set to nominal length in points.
border-spacing-018 Ahem Border-spacing using points with a nominal value with a plus sign, +72pt
  • Border-spacing can be set to a nominal length (with plus sign) in points.
border-spacing-023 Border-spacing using picas with a minimum minus one value, -1pc
  • Setting border-spacing to a value below the minimum in picas falls back to the default value.
border-spacing-024 Ahem Border-spacing set to zero using picas, 0pc
  • Border-spacing can be set to the minimum value with picas.
border-spacing-025 Ahem Border-spacing using picas with a minimum plus one value, 1pc
  • Border-spacing can be set one above the minimum in picas.
border-spacing-026 Ahem Border-spacing set to zero using picas with a negative sign, -0
  • Border-spacing can be set to the minimum value, using zero with a negative sign, with picas.
border-spacing-027 Ahem Border-spacing set to zero using picas with a plus sign, +0
  • Border-spacing can be set to the minimum value, using zero with a plus sign, with picas.
border-spacing-028 Ahem Border-spacing using picas with a nominal value, 6pc
  • Border-spacing can be set to nominal length in picas.
border-spacing-029 Ahem Border-spacing using picas with a nominal value (with plus sign), +6pc
  • Border-spacing can be set to a nominal length (with plus sign) in picas.
border-spacing-034 Border-spacing using centimeters with a minimum minus one value, -1cm
  • Setting border-spacing to a value below the minimum in centimeters falls back to the default value.
border-spacing-035 Ahem Border-spacing using centimeters with a minimum value, 0cm
  • Border-spacing can be set to the minimum value with centimeters.
border-spacing-036 Ahem Border-spacing using centimeters with a minimum plus one value, 1cm
  • Border-spacing can be set one above the minimum in centimeters.
border-spacing-037 Ahem Border-spacing set to zero using centimeters with a minus sign, -0cm
  • Border-spacing can be set to the minimum value, using zero with a minus sign, with centimeters.
border-spacing-038 Ahem Border-spacing set to zero using centimeters with a plus sign, +0cm
  • Border-spacing can be set to the minimum value, using zero with a plus sign, with centimeters.
border-spacing-039 Ahem Border-spacing using centimeters with a nominal value, 2.54cm
  • Border-spacing can be set to nominal length in centimeters.
border-spacing-040 Ahem Border-spacing using centimeters with a nominal value (with plus sign), +2.54cm
  • Border-spacing can be set to a nominal length (with plus sign) in centimeters.
border-spacing-045 Border-spacing using millimeters with a minimum minus one value, -1mm
  • Setting border-spacing to a value below the minimum in millimeters falls back to the default value.
border-spacing-046 Ahem Border-spacing using millimeters with a minimum value, 0mm
  • Border-spacing can be set to the minimum value with millimeters.
border-spacing-047 Ahem Border-spacing using millimeters with a minimum plus one value, 1mm
  • Border-spacing can be set one above the minimum in millimeters.
border-spacing-048 Ahem Border-spacing set to zero using millimeters with a minus sign, -0mm
  • Border-spacing can be set to the minimum value, using zero with a negative sign, with millimeters.
border-spacing-049 Ahem Border-spacing set to zero using millimeters with a plus sign, +0mm
  • Border-spacing can be set to the minimum value, using zero with a plus sign, with millimeters.
border-spacing-050 Ahem Border-spacing using millimeters with a nominal value, 25.4mm
  • Border-spacing can be set to nominal length in millimeters.
border-spacing-051 Ahem Border-spacing using millimeters with a nominal value (with plus sign), +25.4mm
  • Border-spacing can be set to a nominal length (with plus sign) in millimeters.
border-spacing-056 Border-spacing using inches with a minimum minus one value, -1in
  • Setting border-spacing to a value below the minimum in inches falls back to the default value.
border-spacing-057 Ahem Border-spacing using inches with a minimum value, 0in
  • Border-spacing can be set to the minimum value with inches.
border-spacing-058 Ahem Border-spacing using inches with a minimum plus one value, 1in
  • Border-spacing can be set one above the minimum in inches.
border-spacing-059 Ahem Border-spacing set to zero using inches with a minus sign, -0in
  • Border-spacing can be set to the minimum value, using zero with a negative sign, with inches.
border-spacing-060 Ahem Border-spacing set to zero using inches with a plus sign, +0in
  • Border-spacing can be set to the minimum value, using zero with a plus sign, with inches.
border-spacing-061 Ahem Border-spacing using inches with a nominal value, 1in
  • Border-spacing can be set to nominal length in inches.
border-spacing-062 Ahem Border-spacing using inches with a nominal value (with plus sign), +1in
  • Border-spacing can be set to a nominal length (with plus sign) in inches.
border-spacing-067 Border-spacing using 'em' units with a minimum minus one value, -1em
  • Setting border-spacing to a value below the minimum in 'em' units falls back to the default value.
border-spacing-068 Ahem Border-spacing using 'em' units with a minimum value, 0em
  • Border-spacing can be set to the minimum value with 'em' units.
border-spacing-069 Ahem Border-spacing using 'em' units with a minimum plus one value, 1em
  • Border-spacing can be set one above the minimum in 'em' units.
border-spacing-070 Ahem Border-spacing set to zero using 'em' units with a minus sign, -0em
  • Border-spacing can be set to the minimum value, using zero with a minus sign, in 'em' units.
border-spacing-071 Ahem Border-spacing set to zero using 'em' units with a plus sign, +0em
  • Border-spacing can be set to the minimum value, using zero with a plus sign, in 'em' units.
border-spacing-072 Ahem Border-spacing using 'em' units with a nominal value, 6em
  • Border-spacing can be set to nominal length in 'em' units.
border-spacing-073 Ahem Border-spacing using 'em' units with a nominal value with a plus sign, +6em
  • Border-spacing can be set to a nominal length (with plus sign) in 'em' units.
border-spacing-078 Border-spacing using 'ex' units with a minimum minus one value, -1ex
  • Setting border-spacing to a value below the minimum in 'ex' units falls back to the default value.
border-spacing-079 Ahem Border-spacing using 'ex' units with a minimum value, 0ex
  • Border-spacing can be set to the minimum value in 'ex' units.
border-spacing-081 Ahem Border-spacing set to zero using 'ex' units with a minus sign, -0ex
  • Border-spacing can be set to the minimum value, using zero with a negative sign, in 'ex' units.
border-spacing-082 Ahem Border-spacing set to zero using 'ex' units with a plus sign, +0ex
  • Border-spacing can be set to the minimum value, using zero with plus sign, with 'ex' units.
border-spacing-083 Ahem Border-spacing using 'ex' units with a nominal value, 7.5ex
  • Border-spacing can be set to nominal length in 'ex' units.
border-spacing-084 Ahem Border-spacing using 'ex' units with a nominal value with a plus sign, +7.5ex
  • Border-spacing can be set to a nominal length (with plus sign) in 'ex' units.
border-spacing-089 Ahem Border-spacing set to zero with no units with a minus sign, -0
  • Border-spacing can be set to the minimum value with an integer, regardless of the negative sign on it.
border-spacing-090 Ahem Border-spacing set to zero with no units, 0
  • Border-spacing can be set to the minimum value with an integer.
border-spacing-091 Ahem Border-spacing set to zero with no units with a plus sign, +0
  • Border-spacing can be set to the minimum value with an integer, regardless of the positive sign on it.
border-spacing-092 Ahem Border-spacing set to inherit with one value, 1in
  • Verify that a table with 'border-spacing: inherit' uses its parent container's border-spacing value.
border-spacing-093 Ahem Border-spacing set to inherit with two values, 50px 5px
  • Verify that a table with 'border-spacing: inherit' uses both of its parent container's border-spacing values if two are specified.
border-spacing-094 Ahem Border-spacing: using two values, 5px 50px
  • Verify that a table can have two values specified by its border-spacing property.
border-spacing-applies-to-001 Border-spacing and 'display: inline' elements
  • Border-spacing does not apply to 'display: inline' elements.
border-spacing-applies-to-002 Border-spacing and 'display: block' elements
  • Border-spacing does not apply to 'display: block' elements.
border-spacing-applies-to-003 Border-spacing and 'display: list-item' elements
  • Border-spacing does not apply to 'display: list-item' elements.
border-spacing-applies-to-004 Border-spacing and 'display: run-in' elements
  • Border-spacing does not apply to 'display: run-in' elements.
border-spacing-applies-to-005 Border-spacing and 'display: inline-block' elements
  • Border-spacing does not apply to 'display: inline-block' elements.
border-spacing-applies-to-006 Border-spacing and 'display: table' elements
  • Border-spacing applies to 'display: table' elements.
border-spacing-applies-to-007 Border-spacing and 'display: inline-table' elements
  • Border-spacing applies to 'display: inline-table' elements.
border-spacing-applies-to-008 Border-spacing and 'display: table-row-group' elements
  • Border-spacing does not apply to 'display: table-row-group' elements.
border-spacing-applies-to-009 Border-spacing and 'display: table-header-group' elements
  • Border-spacing does not apply to 'display: table-header-group' elements.
border-spacing-applies-to-010 Border-spacing and 'display: table-footer-group' elements
  • Border-spacing does not apply to 'display: table-footer-group' elements.
border-spacing-applies-to-011 Border-spacing and 'display: table-row' elements
  • Border-spacing does not apply to 'display: table-row' elements.
border-spacing-applies-to-012 Border-spacing and 'display: table-column' elements
  • Border-spacing does not apply to 'display: table-column' elements.
border-spacing-applies-to-013 Border-spacing and 'display: table-column-group' elements
  • Border-spacing does not apply to 'display: table-column-group' elements.
border-spacing-applies-to-014 Border-spacing and 'display: table-cell' elements
  • Border-spacing does not apply to 'display: table-cell' elements.
border-spacing-applies-to-015 Border-spacing and 'display: table-caption' elements
  • Border-spacing does not apply to 'display: table-caption' elements.
border-spacing-applies-to-016 = Border-spacing and 'display: none' elements
  • Border-spacing does not apply to 'display: none' elements.
border-spacing-applies-to-017 Border-spacing and 'display: inherit' elements
  • Border-spacing does not apply to 'display: inherit' elements which do not inherit the value of 'table' or 'inline-table'.
border-spacing-inherited-001 Ahem Border-spacing is inherited by default
  • Border-spacing is inherited by default.
border-spacing-initial-001 Ahem Initial value of border-spacing
  • Verifies that the initial value of border-spacing is '0'.
+ 17.6.1.1 Borders and Backgrounds around empty cells: the 'empty-cells' property
empty-cell-visibility-hidden-001 Cell with hidden visibility content as an empty cell
  • A cell with 'visibility: hidden' is considered an empty cell.
empty-cells-001 Empty-cells set to 'show'
  • An 'empty-cells' value of 'show' allows cells without content to have visible backgrounds and borders.
empty-cells-002 Empty-cells set to 'hide'
  • An 'empty-cells' value of 'hide' prevents cells without content from having visible backgrounds and borders.
empty-cells-003 Empty-cells set to inherit
  • A cell can inherit its empty-cells behavior from its row parent container.
empty-cells-004 CSS table model: empty-cells: Text
empty-cells-005 CSS table model: empty-cells: NBSPs
empty-cells-006 CSS table model: empty-cells: white-space pre
empty-cells-007 CSS table model: empty-cells: zero-height images
empty-cells-008 CSS table model: empty-cells: zero-height inline images
empty-cells-009 CSS table model: empty-cells: inlines
empty-cells-010 CSS table model: empty-cells: block
empty-cells-011 CSS table model: empty-cells: block with margins
empty-cells-012 CSS table model: empty-cells: block with padding
empty-cells-013 CSS table model: empty-cells: block with borders
empty-cells-014 CSS table model: empty-cells: white-space normal
empty-cells-applies-to-001 Empty-cells and 'display: inline' elements
  • Empty-cells does not apply to 'display: inline' elements.
empty-cells-applies-to-002 Empty-cells and 'display: block' elements
  • Empty-cells does not apply to 'display: block' elements.
empty-cells-applies-to-003 Empty-cells and 'display: list-item' elements
  • Empty-cells does not apply to 'display: list-item' elements.
empty-cells-applies-to-004 Empty-cells and 'display: run-in' elements
  • Empty-cells does not apply to 'display: run-in' elements.
empty-cells-applies-to-005 Empty-cells and 'display: inline-block' elements
  • Empty-cells does not apply to 'display: inline-block' elements.
empty-cells-applies-to-006 Empty-cells and 'display: table' elements
  • Empty-cells does not apply to 'display: table' elements.
empty-cells-applies-to-007 Empty-cells and 'display: inline-table' elements
  • Empty-cells does not apply to 'display: inline-table' elements.
empty-cells-applies-to-008 = Empty-cells and 'display: table-row-group' elements
  • Empty-cells does not apply to 'display: table-row-group' elements.
empty-cells-applies-to-009 = Empty-cells and 'display: table-header-group' elements
  • Empty-cells does not apply to 'display: table-header-group' elements.
empty-cells-applies-to-010 = Empty-cells and 'display: table-footer-group' elements
  • Empty-cells does not apply to 'display: table-footer-group' elements.
empty-cells-applies-to-011 = Empty-cells and 'display: table-row' elements
  • Empty-cells does not apply to 'display: table-row' elements.
empty-cells-applies-to-012 = Empty-cells and 'display: table-column' elements
  • Empty-cells does not apply to 'display: table-column' elements.
empty-cells-applies-to-013 = Empty-cells and 'display: table-column-group' elements
  • Empty-cells does not apply to 'display: table-column-group' elements.
empty-cells-applies-to-014 = Empty-cells and 'display: table-cell' elements
  • Empty-cells applies to 'display: table-cell' elements.
empty-cells-applies-to-015 Empty-cells and 'display: table-caption' elements
  • Empty-cells does not apply to 'display: table-caption' elements.
empty-cells-applies-to-016 = Empty-cells and 'display: none' elements
  • Empty-cells does not apply to 'display: none' elements.
empty-cells-applies-to-017 = Empty-cells and 'display: inherit' elements
  • Empty-cells does not apply to 'display: inherit' elements which do not inherit the value of 'table-cell'.
empty-cells-exceptions-001 Cells containing floating content are not considered empty
  • Cells that contain floating content, including empty elements, are not considered to be empty cells. The table under test actually contains two tests. The first cell tests floating content, and the second cell tests a floating empty element.
empty-cells-exceptions-002 Cells containing empty element in-flow content are not considered empty
  • Cells that contain in-flow content (including empty elements) are not considered to be empty cells. The table under test really contains two tests--the first cell tests in-flow content, the second cell tests an empty in-flow element.
empty-cells-exceptions-003 Cells with collapsed white space content are considered empty
  • Cells that contain in-flow content of white space which has been collapsed away by the 'white-space' property are considered to be empty cells.
empty-cells-exceptions-004 Cells with non-collapsed white space content are not considered empty
  • Cells which contain in-flow content of white space which has not been collapsed away by the 'white-space' property are not considered to be empty cells.
empty-cells-in-collapsed-border-model-001 Empty cells property in the collapsed borders model
  • The empty-cells property does not apply to tables with collapsed borders.
empty-cells-inherited-001 Empty-cells is inherited by default
  • Empty-cells is inherited by default.
empty-cells-initial-001 Initial value of empty-cells
  • The initial value of empty-cells is 'show'.
empty-cells-001 Empty-cells set to 'show'
  • An 'empty-cells' value of 'show' allows cells without content to have visible backgrounds and borders.
empty-cells-002 Empty-cells set to 'hide'
  • An 'empty-cells' value of 'hide' prevents cells without content from having visible backgrounds and borders.
empty-cells-003 Empty-cells set to inherit
  • A cell can inherit its empty-cells behavior from its row parent container.
empty-cells-applies-to-001 Empty-cells and 'display: inline' elements
  • Empty-cells does not apply to 'display: inline' elements.
empty-cells-applies-to-002 Empty-cells and 'display: block' elements
  • Empty-cells does not apply to 'display: block' elements.
empty-cells-applies-to-003 Empty-cells and 'display: list-item' elements
  • Empty-cells does not apply to 'display: list-item' elements.
empty-cells-applies-to-004 Empty-cells and 'display: run-in' elements
  • Empty-cells does not apply to 'display: run-in' elements.
empty-cells-applies-to-005 Empty-cells and 'display: inline-block' elements
  • Empty-cells does not apply to 'display: inline-block' elements.
empty-cells-applies-to-006 Empty-cells and 'display: table' elements
  • Empty-cells does not apply to 'display: table' elements.
empty-cells-applies-to-007 Empty-cells and 'display: inline-table' elements
  • Empty-cells does not apply to 'display: inline-table' elements.
empty-cells-applies-to-008 = Empty-cells and 'display: table-row-group' elements
  • Empty-cells does not apply to 'display: table-row-group' elements.
empty-cells-applies-to-009 = Empty-cells and 'display: table-header-group' elements
  • Empty-cells does not apply to 'display: table-header-group' elements.
empty-cells-applies-to-010 = Empty-cells and 'display: table-footer-group' elements
  • Empty-cells does not apply to 'display: table-footer-group' elements.
empty-cells-applies-to-011 = Empty-cells and 'display: table-row' elements
  • Empty-cells does not apply to 'display: table-row' elements.
empty-cells-applies-to-012 = Empty-cells and 'display: table-column' elements
  • Empty-cells does not apply to 'display: table-column' elements.
empty-cells-applies-to-013 = Empty-cells and 'display: table-column-group' elements
  • Empty-cells does not apply to 'display: table-column-group' elements.
empty-cells-applies-to-014 = Empty-cells and 'display: table-cell' elements
  • Empty-cells applies to 'display: table-cell' elements.
empty-cells-applies-to-015 Empty-cells and 'display: table-caption' elements
  • Empty-cells does not apply to 'display: table-caption' elements.
empty-cells-applies-to-016 = Empty-cells and 'display: none' elements
  • Empty-cells does not apply to 'display: none' elements.
empty-cells-applies-to-017 = Empty-cells and 'display: inherit' elements
  • Empty-cells does not apply to 'display: inherit' elements which do not inherit the value of 'table-cell'.
empty-cells-inherited-001 Empty-cells is inherited by default
  • Empty-cells is inherited by default.
empty-cells-initial-001 Initial value of empty-cells
  • The initial value of empty-cells is 'show'.
+ 17.6.2 The collapsing border model
bidi-border-collapse-001 border-collapse in bidi context - border-right
  • Collapsed borders should behave the same way in ltr and rtl contexts
bidi-border-collapse-002 border-collapse in bidi context - border-left
  • Collapsed borders should behave the same way in ltr and rtl contexts
bidi-border-collapse-003 border-collapse in bidi context - border-top
  • Collapsed borders should behave the same way in ltr and rtl contexts
bidi-border-collapse-004 border-collapse in bidi context - border-bottom
  • Collapsed borders should behave the same way in ltr and rtl contexts
border-collapse-004 overflow: hidden and border-collapse: collapse
border-collapse-dynamic-cell-001 = DOM/JS border collapse dynamic change to cell style
border-collapse-dynamic-cell-002 = DOM/JS border collapse dynamic change to cell color
border-collapse-dynamic-cell-003 = DOM/JS border collapse dynamic change to cell border width
border-collapse-dynamic-cell-004 = DOM/JS border collapse dynamic change to colspan cell style
border-collapse-dynamic-cell-005 = DOM/JS border collapse dynamic change to rowspan cell style
border-collapse-dynamic-colgroup-001 = DOM/JS border collapse dynamic change to colgroup border color
border-collapse-dynamic-colgroup-002 = DOM/JS border collapse dynamic change to colgroup border width
border-collapse-dynamic-colgroup-003 = DOM/JS border collapse dynamic change to colgroup border style
border-collapse-dynamic-column-001 = DOM/JS border collapse dynamic change to col border color
border-collapse-dynamic-column-002 = DOM/JS border collapse dynamic change to col border width
border-collapse-dynamic-column-003 = DOM/JS border collapse dynamic change to col border style
border-collapse-dynamic-row-001 = DOM/JS border collapse dynamic change to row border color
border-collapse-dynamic-row-002 = DOM/JS border collapse dynamic change to row border width
border-collapse-dynamic-row-003 = DOM/JS border collapse dynamic change to row border style
border-collapse-dynamic-rowgroup-001 = DOM/JS border collapse dynamic change to rowgroup border color
border-collapse-dynamic-rowgroup-002 = DOM/JS border collapse dynamic change to rowgroup border width
border-collapse-dynamic-rowgroup-003 = DOM/JS border collapse dynamic change to rowgroup border style
border-collapse-dynamic-table-001 = DOM/JS border collapse dynamic change to table border color
border-collapse-dynamic-table-002 = DOM/JS border collapse dynamic change to table border width
border-collapse-dynamic-table-003 = DOM/JS border collapse dynamic change to table border style
border-collapse-offset-001 = border collapse
border-collapse-offset-002 = border collapse
collapsing-border-model-001 Collapsing borders model row width equation (auto layout)
  • The user agent adheres to the collapsing border model row width equation in auto table layout.
collapsing-border-model-002 Collapsing borders model row width equation (auto layout) - subsequent rows with wider borders variation
  • Rows which have wider borders than those of the first table row have their borders spill into the table margins.
collapsing-border-model-003 Top table border width under collapsing borders model
  • The top border width of the table is half of the maximum collapsed top border width.
collapsing-border-model-004 Tables under the collapsing borders model don't have padding
  • Padding doesn't apply to a table under the collapsing border model.
collapsing-border-model-005 Table borders overflowing the table container
  • Borders that spill into a table margin can overflow that table's container.
collapsing-border-model-006 Table borders overflowing the table container (rtl)
  • Borders that spill into a table margin can overflow that table's container.
collapsing-border-model-007 Left table border width under collapsing borders model
  • The left border width of the table is half of the first cell's collapsed left border width.
collapsing-border-model-008 Right table border width under collapsing borders model
  • The right border width of the table is half of the collapsed right border width of the last cell of the first row.
collapsing-border-model-009 Bottom table border width under collapsing borders model
  • The bottom border width of the table is half of the maximum collapsed bottom border width.
collapsing-border-model-010a = Ahem border-collapse - 'border-spacing' does not apply to 'border-collapse: collapse' tables
  • 'border-spacing' property only applies to tables applying the 'border-collapse: separate' model. When an HTML/XHTML table applies the 'border-collapse: collapse' model, then any 'border-spacing' declaration is ignored.
collapsing-border-model-010b = Ahem border-collapse - 'border-spacing' does not apply to 'border-collapse: collapse' tables
  • 'border-spacing' property only applies to tables applying the 'border-collapse: separate' model. When a CSS table applies the 'border-collapse: collapse' model, then any 'border-spacing' declaration is ignored.
collapsing-table-borders-001 All of a cell border can be specified
  • The borders for all four sides of a specific table cell can be specified under the collapsing border model.
collapsing-table-borders-002 Part of a cell border can be specified
  • The border for a specific table cell can be specified under the collapsing border model.
collapsing-table-borders-003 All of a row border can be specified
  • The borders for all four sides of a specific table row can be specified under the collapsing border model.
collapsing-table-borders-004 Part of a row border can be specified
  • The border for a specific table row can be specified under the collapsing border model.
collapsing-table-borders-005 All of a row group border can be specified
  • The borders for all four sides of a specific table row group can be specified under the collapsing border model.
collapsing-table-borders-006 Part of a row group border can be specified
  • The border for a specific table row group can be specified under the collapsing border model.
collapsing-table-borders-007 All of a column border can be specified
  • The borders for all four sides of a specific table column can be specified under the collapsing border model.
collapsing-table-borders-008 Part of a column border can be specified
  • The border of a specific table column can be specified under the collapsing border model.
collapsing-table-borders-009 All of a column group border can be specified
  • The borders of all four sides of a specific table column group can be specified under the collapsing border model.
collapsing-table-borders-010 Part of a column group border can be specified
  • The border of a specific table column group can be specified under the collapsing border model.
collapsing-table-borders-011 All of table header group border can be specified
  • The borders for all four sides of a table header group can be specified under the collapsing border model.
collapsing-table-borders-012 Part of table header group border can be specified
  • A specific side of a table header group can be specified under the collapsing border model.
collapsing-table-borders-013 All of table footer group border can be specified
  • The borders for all four sides of a table footer group can be specified under the collapsing border model.
collapsing-table-borders-014 Part of table footer group border can be specified
  • A specific side of a table header group can be specified under the collapsing border model.
table-background-edge-and-border-model-001 Bitmaps Table background edge in the collapsing borders model
  • The background edge of a table could start either behind the table's border or at its edge in the collapsing borders model (non-normative rule).
table-background-edge-and-border-model-002 BitmapsOptional Table background edge in the separated borders model
  • The background edge of a table could start either behind the table's border or at its edge in the separated borders model (non-normative rule).
+ 17.6.2.1 Border conflict resolution
border-conflict-element-001 Border Conflict Resolution (element) - cell vs. cell - element with highest priority is the dominant border
  • With adjacent cells of same border-style and width, border collapsing favors the cell furthest to the top and left (in a 'left-to-right' table).
border-conflict-element-001a = Border conflict resolution - adjacent cells with same border-style and border-width
  • When two adjacent cells have the same border-width and the same border-style in a 'border-collapse: collapse' table, then the color of the border from the leftmost cell wins (if the table's 'direction' is 'ltr'; right, if it is 'rtl') and the color of the border from the topmost cell wins.
border-conflict-element-001b = Border conflict resolution - adjacent cells with same border-style and border-width
  • When two adjacent cells have the same border-width and the same border-style in a 'border-collapse: collapse' table, then the color of the border from the topmost cell wins.
border-conflict-element-001c = Border conflict resolution - adjacent cells with same border-style and border-width
  • When two adjacent cells have the same border-width and the same border-style in a 'border-collapse: collapse' table, then the color of the border from the leftmost cell wins (if the table's 'direction' is 'ltr'; rightmost, if it is 'rtl').
border-conflict-element-001d = AhemBitmaps Border conflict resolution - adjacent cells with same border-style and border-width
  • When two adjacent cells have the same border-width and the same border-style in a 'border-collapse: collapse' table, then the color of the border from the leftmost cell wins (if the table's 'direction' is 'ltr'; right, if it is 'rtl') and the color of the border from the topmost cell wins.
border-conflict-element-001e = Bitmaps Border conflict resolution - adjacent cells with same border-style and border-width
  • If a table cell's border color is not specified with a border property, then user agents must use the value of the element's 'color' property as the computed value for the border color. When two adjacent cells have the same border-width and the same border-style in a 'border-collapse: collapse' table, then the color of the border from the leftmost cell wins (if the table's 'direction' is 'ltr'; right, if it is 'rtl').
border-conflict-element-002 Border Conflict Resolution (element) - cell vs. cell - element with highest priority is the dominant border (rtl table)
  • With adjacent cells of same border-style and width, border collapsing favors the cell furthest to the top right for a 'right-to-left' table.
border-conflict-element-003 Border Conflict Resolution (by element): cell in row - element with highest priority is the dominant border
  • With embedded elements (cell, row) of same border-style and width, border collapsing favors the cell.
border-conflict-element-004 Border Conflict Resolution (by element): cell vs. row - element with highest priority is the dominant border
  • With adjacent elements (cell, row) of same border-style and width, border collapsing favors the cell.
border-conflict-element-005 Border Conflict Resolution (by element): cell in row group - element with highest priority is the dominant border
  • With embedded elements (cell, row group) of same border-style and width, border collapsing favors the cell.
border-conflict-element-006 Border Conflict Resolution (by element): cell vs. row group - element with highest priority is the dominant border
  • With adjacent elements (cell, row group) of same border-style and width, border collapsing favors the cell.
border-conflict-element-007 Border Conflict Resolution (by element): cell in column - element with highest priority is the dominant border
  • With embedded elements (cell, column) of same border-style and width, border collapsing favors the cell.
border-conflict-element-008 Border Conflict Resolution (by element): cell vs. column - element with highest priority is the dominant border
  • With adjacent elements (cell, column) of same border-style and width, border collapsing favors the cell.
border-conflict-element-009 Border Conflict Resolution (by element): cell in column group - element with highest priority is the dominant border
  • With embedded elements (cell, column group) of same border-style and width, border collapsing favors the cell.
border-conflict-element-010 Border Conflict Resolution (by element): cell vs. column group - element with highest priority is the dominant border
  • With adjacent elements (cell, column group) of same border-style and width, border collapsing favors the cell.
border-conflict-element-011 Border Conflict Resolution (by element): cell vs. table - element with highest priority is the dominant border
  • With embedded elements (cell, table) of same border-style and width, border collapsing favors the cell.
border-conflict-element-012 Border Conflict Resolution (by element): row vs. cell - element with highest priority is the dominant border
  • With adjacent elements (row, cell) of same border-style and width, border collapsing favors the cell.
border-conflict-element-013 Border Conflict Resolution (by element): row vs. row - element with highest priority is the dominant border
  • With adjacent elements (row, row) of same border-style and width, border collapsing favors the row furthest to the top.
border-conflict-element-014 Border Conflict Resolution (by element): row in row group - element with highest priority is the dominant border
  • With embedded elements (row, row group) of same border-style and width, border collapsing favors the row.
border-conflict-element-015 Border Conflict Resolution (by element): row vs. row group - element with highest priority is the dominant border
  • With adjacent elements (row, row group) of same border-style and width, border collapsing favors the row.
border-conflict-element-016 Border Conflict Resolution (by element): row vs. column - element with highest priority is the dominant border
  • With embedded elements (row, column) of same border-style and width, border collapsing favors the row.
border-conflict-element-017 Border Conflict Resolution (by element): row vs. column group - element with highest priority is the dominant border
  • With embedded elements (row, column group) of same border-style and width, border collapsing favors the row.
border-conflict-element-018 Border Conflict Resolution (by element): row vs. table - element with highest priority is the dominant border
  • With embedded elements (row, table) of same border-style and width, border collapsing favors the row.
border-conflict-element-019 Border Conflict Resolution (by element): row group vs. cell - element with highest priority is the dominant border
  • With embedded elements (row group, cell) of same border-style and width, border collapsing favors the cell.
border-conflict-element-020 Border Conflict Resolution (by element): row group vs. row - element with highest priority is the dominant border
  • With adjacent elements (row group, row) of same border-style and width, border collapsing favors the row.
border-conflict-element-021 Border Conflict Resolution (by element): row group vs. row group - element with highest priority is the dominant border
  • With adjacent elements (row group, row group) of same border-style and width, border collapsing favors the row group furthest to the top.
border-conflict-element-021a Bitmaps Border conflict resolution - adjacent table row groups with same border-style and border-width
  • When two adjacent table row groups (eg. thead, tbody, tfoot) have the same border-width and the same border-style in a 'border-collapse: collapse' table, then the color of the border from the topmost table row group wins: so, a thead wins over a tbody which wins over tfoot.
border-conflict-element-022 Border Conflict Resolution (by element): row group vs. column - element with highest priority is the dominant border
  • With embedded elements (row group, column) of same border-style and width, border collapsing favors the row group.
border-conflict-element-023 Border Conflict Resolution (by element): row group vs. column group - element with highest priority is the dominant border
  • With embedded elements (row group, column group) of same border-style and width, border collapsing favors the row group.
border-conflict-element-024 Border Conflict Resolution (by element): row group vs. table - element with highest priority is the dominant border
  • With embedded elements (row group, table) of same border-style and width, border collapsing favors the row group.
border-conflict-element-025 Border Conflict Resolution (by element): column vs. cell - element with highest priority is the dominant border
  • With adjacent elements (column, cell) of same border-style and width, border collapsing favors the cell.
border-conflict-element-026 Border Conflict Resolution (by element): column vs. row - element with highest priority is the dominant border
  • With adjacent elements (column, row) of same border-style and width, border collapsing favors the row.
border-conflict-element-027 Border Conflict Resolution (by element): column vs. row group - element with highest priority is the dominant border
  • With embedded elements (column, row group) of same border-style and width, border collapsing favors the row group.
border-conflict-element-028 Border Conflict Resolution (by element): column vs. column - element with highest priority is the dominant border
  • With adjacent elements (column, column) of same border-style and width, border collapsing favors the column farthest to the left (in a 'left-to-right' table.
border-conflict-element-029 Border Conflict Resolution (by element): column vs. column - element with highest priority is the dominant border (rtl table)
  • With adjacent elements (column, column) of same border-style and width, border collapsing favors the column farthest to the right in a 'right-to-left' table.
border-conflict-element-030 Border Conflict Resolution (by element): column in column group - element with highest priority is the dominant border
  • With embedded elements (column, column group) of same border-style and width, border collapsing favors the column.
border-conflict-element-031 Border Conflict Resolution (by element): column vs. column group - element with highest priority is the dominant border
  • With adjacent elements (column, column group) of same border-style and width, border collapsing favors the column.
border-conflict-element-032 Border Conflict Resolution (by element): column vs. table - element with highest priority is the dominant border
  • With embedded elements (column, table) of same border-style and width, border collapsing favors the column.
border-conflict-element-033 Border Conflict Resolution (by element): column group vs. cell - element with highest priority is the dominant border
  • With adjacent elements (column group, cell) of same border-style and width, border collapsing favors the cell.
border-conflict-element-034 Border Conflict Resolution (by element): column group vs. row - element with highest priority is the dominant border
  • With embedded elements (column group, row) of same border-style and width, border collapsing favors the row.
border-conflict-element-035 Border Conflict Resolution (by element): column group vs. row group - element with highest priority is the dominant border
  • With embedded elements (column group, row group) of same border-style and width, border collapsing favors the row group.
border-conflict-element-036 Border Conflict Resolution (by element): column group vs. column - element with highest priority is the dominant border
  • With adjacent elements (column group, column) of same border-style and width, border collapsing favors the column.
border-conflict-element-037 Border Conflict Resolution (by element): column group vs. column group - element with highest priority is the dominant border
  • With adjacent elements (column group, column group) of same border-style and width, border collapsing favors the column group farthest to the left (in a 'ltr' table).
border-conflict-element-038 Border Conflict Resolution (by element): column group vs. column group - element with highest priority is the dominant border (rtl table)
  • With adjacent elements (column group, column group) of same border-style and width, border collapsing favors the column group farthest to the right in a 'right-to-left' table.
border-conflict-element-039 Border Conflict Resolution (by element): column group vs. table - element with highest priority is the dominant border
  • With embedded elements (column group, table) of same border-style and width, border collapsing favors the column group.
border-conflict-element-vlr-003 = Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)
  • When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
border-conflict-element-vlr-005 = Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)
  • When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
border-conflict-element-vlr-007 = Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)
  • When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
border-conflict-element-vlr-009 = Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)
  • When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
border-conflict-element-vlr-011 = Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: rtl' (complex)
  • When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
border-conflict-element-vlr-013 = Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)
  • This test checks that, in border-collapsing model, when 'border-style' values and 'border-width' values are identical, then the 'border-color' set on a cell wins over the 'border-color' set on a row (5th table), the 'border-color' set on a cell wins over the 'border-color' set on a row group (tfoot in 4th table, thead in 3rd table, tbody in 2nd table) and the 'border-color' set on a cell wins over the 'border-color' set on a table element (1st table).
border-conflict-element-vrl-002 = Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)
  • When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
border-conflict-element-vrl-004 = Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)
  • When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
border-conflict-element-vrl-006 = Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)
  • When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
border-conflict-element-vrl-008 = Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)
  • When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
border-conflict-element-vrl-010 = Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: rtl' (complex)
  • When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
border-conflict-element-vrl-012 = Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)
  • This test checks that, in border-collapsing model, when 'border-style' values and 'border-width' values are identical, then the 'border-color' set on a cell wins over the 'border-color' set on a row (5th table), the 'border-color' set on a cell wins over the 'border-color' set on a row group (tfoot in 4th table, thead in 3rd table, tbody in 2nd table) and the 'border-color' set on a cell wins over the 'border-color' set on a table element (1st table).
border-conflict-example-001 Bitmaps Border conflict resolution - borders are collapsed according to precdence rules (example 1)
  • Borders are collapsed according to the precedence rules (example from spec section 17.6.2.1).
border-conflict-example-002 Bitmaps Border conflict resolution - borders are collapsed according to the precedence rules (example 2)
  • Borders are collapsed according to the precedence rules (example from spec section 17.6.2.1).
border-conflict-resolution-001 Cell borders are set by a cell
  • Borders on every edge (top, right, bottom, left) of a cell can be set by the cell's border properties, which can vary in width, style and color.
border-conflict-resolution-002 Cell borders are set by a row
  • Borders on every edge (top, right, bottom, left) of a cell can be set by the row's border properties, which can vary in width, style and color.
border-conflict-resolution-003 Cell borders are set by a row group
  • Borders on every edge (top, right, bottom, left) of a cell can be set by the row group's border properties, which can vary in width, style and color.
border-conflict-resolution-004 Cell borders are set by a column
  • Borders on every edge (top, right, bottom, left) of a cell can be set by the column's border properties, which can vary in width, style and color.
border-conflict-resolution-005 Cell borders are set by a column group
  • Borders on every edge (top, right, bottom, left) of a cell can be set by the column group's border properties, which can vary in width, style and color.
border-conflict-resolution-006 Cell borders are set by the table
  • Borders on every edge (top, right, bottom, left) of a cell can be set by the table's border properties, which can vary in width, style and color.
border-conflict-style-001 Border Conflict Resolution (by border style): 'dashed' vs. 'dashed' - border with highest priority border style should dominate
  • Only one 'dashed' border appears when two 'dashed' borders of the same size are collapsed together.
border-conflict-style-002 Border Conflict Resolution (by border style): 'dashed' vs. 'dotted' - border with highest priority border style should dominate
  • The 'dashed' border is the dominant border when it is collapsed with a 'dotted' border of the same size.
border-conflict-style-003 Border Conflict Resolution (by border style): 'dashed' vs. 'double' - border with highest priority border style should dominate
  • The 'double' border is the dominant border when it is collapsed with a 'dashed' border of the same size.
border-conflict-style-004 Border Conflict Resolution (by border style): 'dashed' vs. 'groove' - border with highest priority border style should dominate
  • The 'dashed' border is the dominant border when it is collapsed with a 'groove' border of the same size.
border-conflict-style-005 Border Conflict Resolution (by border style): 'dashed' vs. 'hidden' - border with highest priority border style should dominate
  • The 'hidden' border is the dominant border when it is collapsed with a 'dashed' border.
border-conflict-style-006 Border Conflict Resolution (by border style): 'dashed' vs. 'inset' - border with highest priority border style should dominate
  • The 'dashed' border is the dominant border when it is collapsed with a 'inset' border of the same size.
border-conflict-style-007 Border Conflict Resolution (by border style): 'dashed' vs. 'none' - border with highest priority border style should dominate
  • The 'dashed' border is the dominant border when it is collapsed with a 'none' border.
border-conflict-style-008 Border Conflict Resolution (by border style): 'dashed' vs. 'outset' - border with highest priority border style should dominate
  • The 'dashed' border is the dominant border when it is collapsed with a 'outset' border of the same size.
border-conflict-style-009 Border Conflict Resolution (by border style): 'dashed' vs. 'ridge' - border with highest priority border style should dominate
  • The 'dashed' border is the dominant border when it is collapsed with a 'ridge' border of the same size.
border-conflict-style-010 Border Conflict Resolution (by border style): 'dashed' vs. 'solid' - border with highest priority border style should dominate
  • The 'solid' border is the dominant border when it is collapsed with a 'dashed' border of the same size.
border-conflict-style-011 Border Conflict Resolution (by border style): 'dotted' vs. 'dashed' - border with highest priority border style should dominate
  • The 'dashed' border is the dominant border when it is collapsed with a 'dotted' border of the same size.
border-conflict-style-012 Border Conflict Resolution (by border style): 'dotted' vs. 'dotted' - border with highest priority border style should dominate
  • Only one 'dotted' border appears when two 'dotted' borders of the same size are collapsed together.
border-conflict-style-013 Border Conflict Resolution (by border style): 'dotted' vs. 'double' - border with highest priority border style should dominate
  • The 'double' border is the dominant border when it is collapsed with a 'dotted' border of the same size.
border-conflict-style-014 Border Conflict Resolution (by border style): 'dotted' vs. 'groove' - border with highest priority border style should dominate
  • The 'dotted' border is the dominant border when it is collapsed with a 'groove' border of the same size.
border-conflict-style-015 Border Conflict Resolution (by border style): 'dotted' vs. 'hidden' - border with highest priority border style should dominate
  • The 'hidden' border is the dominant border when it is collapsed with a 'dotted' border.
border-conflict-style-016 Border Conflict Resolution (by border style): 'dotted' vs. 'inset' - border with highest priority border style should dominate
  • The 'dotted' border is the dominant border when it is collapsed with a 'inset' border of the same size.
border-conflict-style-017 Border Conflict Resolution (by border style): 'dotted' vs. 'none' - border with highest priority border style should dominate
  • The 'dotted' border is the dominant border when it is collapsed with a 'none' border.
border-conflict-style-018 Border Conflict Resolution (by border style): 'dotted' vs. 'outset' - border with highest priority border style should dominate
  • The 'dotted' border is the dominant border when it is collapsed with a 'outset' border of the same size.
border-conflict-style-019 Border Conflict Resolution (by border style): 'dotted' vs. 'ridge' - border with highest priority border style should dominate
  • The 'dotted' border is the dominant border when it is collapsed with a 'ridge' border of the same size.
border-conflict-style-020 Border Conflict Resolution (by border style): 'dotted' vs. 'solid' - border with highest priority border style should dominate
  • The 'solid' border is the dominant border when it is collapsed with a 'dotted' border of the same size.
border-conflict-style-021 Border Conflict Resolution (by border style): 'double' vs. 'dashed' - border with highest priority border style should dominate
  • The 'double' border is the dominant border when it is collapsed with a 'dashed' border of the same size.
border-conflict-style-022 Border Conflict Resolution (by border style): 'double' vs. 'dotted' - border with highest priority border style should dominate
  • The 'double' border is the dominant border when it is collapsed with a 'dotted' border of the same size.
border-conflict-style-023 Border Conflict Resolution (by border style): 'double' vs. 'double' - border with highest priority border style should dominate
  • Only a single 'double' border appears when two 'double' borders of the same size are collapsed together.
border-conflict-style-024 Border Conflict Resolution (by border style): 'double' vs. 'groove' - border with highest priority border style should dominate
  • The 'double' border is the dominant border when it is collapsed with a 'groove' border of the same size.
border-conflict-style-025 Border Conflict Resolution (by border style): 'double' vs. 'hidden' - border with highest priority border style should dominate
  • The 'hidden' border is the dominant border when it is collapsed with a 'double' border.
border-conflict-style-026 Border Conflict Resolution (by border style): 'double' vs. 'inset' - border with highest priority border style should dominate
  • The 'double' border is the dominant border when it is collapsed with a 'inset' border of the same size.
border-conflict-style-027 Border Conflict Resolution (by border style): 'double' vs. 'none' - border with highest priority border style should dominate
  • The 'double' border is the dominant border when it is collapsed with a 'none' border.
border-conflict-style-028 Border Conflict Resolution (by border style): 'double' vs. 'outset' - border with highest priority border style should dominate
  • The 'double' border is the dominant border when it is collapsed with a 'outset' border of the same size.
border-conflict-style-029 Border Conflict Resolution (by border style): 'double' vs. 'ridge' - border with highest priority border style should dominate
  • The 'double' border is the dominant border when it is collapsed with a 'ridge' border of the same size.
border-conflict-style-030 Border Conflict Resolution (by border style): 'double' vs. 'solid' - border with highest priority border style should dominate
  • The 'double' border is the dominant border when it is collapsed with a 'solid' border of the same size.
border-conflict-style-031 Border Conflict Resolution (by border style): 'groove' vs. 'dashed' - border with highest priority border style should dominate
  • The 'dashed' border is the dominant border when it is collapsed with a 'groove' border of the same size.
border-conflict-style-032 Border Conflict Resolution (by border style): 'groove' vs. 'dotted' - border with highest priority border style should dominate
  • The 'dotted' border is the dominant border when it is collapsed with a 'groove' border of the same size.
border-conflict-style-033 Border Conflict Resolution (by border style): 'groove' vs. 'double' - border with highest priority border style should dominate
  • The 'double' border is the dominant border when it is collapsed with a 'groove' border of the same size.
border-conflict-style-034 Border Conflict Resolution (by border style): 'groove' vs. 'groove' - border with highest priority border style should dominate
  • Only a single 'groove' border appears when two of 'groove' borders of the same size are collapsed together.
border-conflict-style-035 Border Conflict Resolution (by border style): 'groove' vs. 'hidden' - border with highest priority border style should dominate
  • The 'hidden' border is the dominant border when it is collapsed with a 'groove' border.
border-conflict-style-036 Border Conflict Resolution (by border style): 'groove' vs. 'inset' - border with highest priority border style should dominate
  • The 'groove' border is the dominant border when it is collapsed with a 'inset' border of the same size.
border-conflict-style-037 Border Conflict Resolution (by border style): 'groove' vs. 'none' - border with highest priority border style should dominate
  • The 'groove' border is the dominant border when it is collapsed with a 'none' border.
border-conflict-style-038 Border Conflict Resolution (by border style): 'groove' vs. 'outset' - border with highest priority border style should dominate
  • The 'outset' border is the dominant border when it is collapsed with a 'groove' border of the same size.
border-conflict-style-039 Border Conflict Resolution (by border style): 'groove' vs. 'ridge' - border with highest priority border style should dominate
  • The 'ridge' border is the dominant border when it is collapsed with a 'groove' border of the same size.
border-conflict-style-040 Border Conflict Resolution (by border style): 'groove' vs. 'solid' - border with highest priority border style should dominate
  • The 'solid' border is the dominant border when it is collapsed with a 'groove' border of the same size.
border-conflict-style-041 Border Conflict Resolution (by border style): 'hidden' vs. 'dashed' - border with highest priority border style should dominate
  • The 'hidden' border is the dominant border when it is collapsed with a 'dashed' border.
border-conflict-style-042 Border Conflict Resolution (by border style): 'hidden' vs. 'dotted' - border with highest priority border style should dominate
  • The 'hidden' border is the dominant border when it is collapsed with a 'dotted' border.
border-conflict-style-043 Border Conflict Resolution (by border style): 'hidden' vs. 'double' - border with highest priority border style should dominate
  • The 'hidden' border is the dominant border when it is collapsed with a 'double' border.
border-conflict-style-044 Border Conflict Resolution (by border style): 'hidden' vs. 'groove' - border with highest priority border style should dominate
  • The 'hidden' border is the dominant border when it is collapsed with a 'groove' border.
border-conflict-style-045 Border Conflict Resolution (by border style): 'hidden' vs. 'hidden' - border with highest priority border style should dominate
  • The 'hidden' border collapsed with a 'hidden' border yields no border.
border-conflict-style-046 Border Conflict Resolution (by border style): 'hidden' vs. 'inset' - border with highest priority border style should dominate
  • The 'hidden' border is the dominant border when it is collapsed with a 'inset' border.
border-conflict-style-047 Border Conflict Resolution (by border style): 'hidden' vs. 'none' - border with highest priority border style should dominate
  • A 'hidden' border collapsed with a 'none' border yields no border.
border-conflict-style-048 Border Conflict Resolution (by border style): 'hidden' vs. 'outset' - border with highest priority border style should dominate
  • The 'hidden' border is the dominant border when it is collapsed with a 'outset' border.
border-conflict-style-049 Border Conflict Resolution (by border style): 'hidden' vs. 'ridge' - border with highest priority border style should dominate
  • The 'hidden' border is the dominant border when it is collapsed with a 'ridge' border.
border-conflict-style-050 Border Conflict Resolution (by border style): 'hidden' vs. 'solid' - border with highest priority border style should dominate
  • The 'hidden' border is the dominant border when it is collapsed with a 'solid' border.
border-conflict-style-051 Border Conflict Resolution (by border style): 'inset' vs. 'dashed' - border with highest priority border style should dominate
  • The 'dashed' border is the dominant border when it is collapsed with an 'inset' border of the same size.
border-conflict-style-052 Border Conflict Resolution (by border style): 'inset' vs. 'dotted' - border with highest priority border style should dominate
  • The 'dotted' border is the dominant border when it is collapsed with an 'inset' border of the same size.
border-conflict-style-053 Border Conflict Resolution (by border style): 'inset' vs. 'double' - border with highest priority border style should dominate
  • The 'double' border is the dominant border when it is collapsed with an 'inset' border of the same size.
border-conflict-style-054 Border Conflict Resolution (by border style): 'inset' vs. 'groove' - border with highest priority border style should dominate
  • The 'groove' border is the dominant border when it is collapsed with an 'inset' border of the same size.
border-conflict-style-055 Border Conflict Resolution (by border style): 'inset' vs. 'hidden' - border with highest priority border style should dominate
  • The 'hidden' border is the dominant border when it is collapsed with an 'inset' border.
border-conflict-style-056 Border Conflict Resolution (by border style): 'inset' vs. 'inset' - border with highest priority border style should dominate
  • Only one 'inset' border appears when two 'inset' borders of the same size are collapsed.
border-conflict-style-057 Border Conflict Resolution (by border style): 'inset' vs. 'none' - border with highest priority border style should dominate
  • The 'inset' border is the dominant border when it is collapsed with a 'none' border.
border-conflict-style-058 Border Conflict Resolution (by border style): 'inset' vs. 'outset' - border with highest priority border style should dominate
  • The 'outset' border is the dominant border when it is collapsed with an 'inset' border of the same size.
border-conflict-style-059 Border Conflict Resolution (by border style): 'inset' vs. 'ridge' - border with highest priority border style should dominate
  • The 'ridge' border is the dominant border when it is collapsed with an 'inset' border of the same size.
border-conflict-style-060 Border Conflict Resolution (by border style): 'inset' vs. 'solid' - border with highest priority border style should dominate
  • The 'solid' border is the dominant border when it is collapsed with an 'inset' border of the same size.
border-conflict-style-061 Border Conflict Resolution (by border style): 'none' vs. 'dashed' - border with highest priority border style should dominate
  • The 'dashed' border is the dominant border when it is collapsed with a 'none' border.
border-conflict-style-062 Border Conflict Resolution (by border style): 'none' vs. 'dotted' - border with highest priority border style should dominate
  • The 'dotted' border is the dominant border when it is collapsed with a 'none' border.
border-conflict-style-063 Border Conflict Resolution (by border style): 'none' vs. 'double' - border with highest priority border style should dominate
  • The 'double' border is the dominant border when it is collapsed with a 'none' border.
border-conflict-style-064 Border Conflict Resolution (by border style): 'none' vs. 'groove' - border with highest priority border style should dominate
  • The 'groove' border is the dominant border when it is collapsed with a 'none' border.
border-conflict-style-065 Border Conflict Resolution (by border style): 'none' vs. 'hidden' - border with highest priority border style should dominate
  • A 'none' border collapsed with a 'hidden' border yields no border.
border-conflict-style-066 Border Conflict Resolution (by border style): 'none' vs. 'inset' - border with highest priority border style should dominate
  • The 'inset' border is the dominant border when it is collapsed with a 'none' border.
border-conflict-style-067 Border Conflict Resolution (by border style): 'none' vs. 'none' - border with highest priority border style should dominate
  • A 'none' border collapsed with a 'none' border yields no border.
border-conflict-style-068 Border Conflict Resolution (by border style): 'none' vs. 'outset' - border with highest priority border style should dominate
  • The 'outset' border is the dominant border when it is collapsed with a 'none' border.
border-conflict-style-069 Border Conflict Resolution (by border style): 'none' vs. 'ridge' - border with highest priority border style should dominate
  • The 'ridge' border is the dominant border when it is collapsed with a 'none' border.
border-conflict-style-070 Border Conflict Resolution (by border style): 'none' vs. 'solid' - border with highest priority border style should dominate
  • The 'solid' border is the dominant border when it is collapsed with a 'none' border.
border-conflict-style-071 Border Conflict Resolution (by border style): 'outset' vs. 'dashed' - border with highest priority border style should dominate
  • The 'dashed' border is the dominant border when it is collapsed with a 'outset' border of the same size.
border-conflict-style-072 Border Conflict Resolution (by border style): 'outset' vs. 'dotted' - border with highest priority border style should dominate
  • The 'dotted' border is the dominant border when it is collapsed with an 'outset' border of the same size.
border-conflict-style-073 Border Conflict Resolution (by border style): 'outset' vs. 'double' - border with highest priority border style should dominate
  • The 'double' border is the dominant border when it is collapsed with an 'outset' border of the same size.
border-conflict-style-074 Border Conflict Resolution (by border style): 'outset' vs. 'groove' - border with highest priority border style should dominate
  • The 'outset' border is the dominant border when it is collapsed with a 'groove' border of the same size.
border-conflict-style-075 Border Conflict Resolution (by border style): 'outset' vs. 'hidden' - border with highest priority border style should dominate
  • The 'hidden' border is the dominant border when it is collapsed with an 'outset' border.
border-conflict-style-076 Border Conflict Resolution (by border style): 'outset' vs. 'inset' - border with highest priority border style should dominate
  • The 'outset' border is the dominant border when it is collapsed with an 'inset' border of the same size.
border-conflict-style-077 Border Conflict Resolution (by border style): 'outset' vs. 'none' - border with highest priority border style should dominate
  • The 'outset' border is the dominant border when it is collapsed with a 'none' border.
border-conflict-style-078 Border Conflict Resolution (by border style): 'outset' vs. 'outset' - border with highest priority border style should dominate
  • Only one 'outset' border appears when two 'outset' borders of the same size are collapsed together.
border-conflict-style-079 Border Conflict Resolution (by border style): 'outset' vs. 'ridge' - border with highest priority border style should dominate
  • The 'ridge' border is the dominant border when it is collapsed with an 'outset' border of the same size.
border-conflict-style-080 Border Conflict Resolution (by border style): 'outset' vs. 'solid' - border with highest priority border style should dominate
  • The 'solid' border is the dominant border when it is collapsed with an 'outset' border of the same size.
border-conflict-style-081 Border Conflict Resolution (by border style): 'ridge' vs. 'dashed' - border with highest priority border style should dominate
  • The 'dashed' border is the dominant border when it is collapsed with a 'ridge' border of the same size.
border-conflict-style-082 Border Conflict Resolution (by border style): 'ridge' vs. 'dotted' - border with highest priority border style should dominate
  • The 'dotted' border is the dominant border when it is collapsed with a 'ridge' border of the same size.
border-conflict-style-083 Border Conflict Resolution (by border style): 'ridge' vs. 'double' - border with highest priority border style should dominate
  • The 'double' border is the dominant border when it is collapsed with a 'ridge' border of the same size.
border-conflict-style-084 Border Conflict Resolution (by border style): 'ridge' vs. 'groove' - border with highest priority border style should dominate
  • The 'ridge' border is the dominant border when it is collapsed with a 'groove' border of the same size.
border-conflict-style-085 Border Conflict Resolution (by border style): 'ridge' vs. 'hidden' - border with highest priority border style should dominate
  • The 'hidden' border is the dominant border when it is collapsed with a 'ridge' border.
border-conflict-style-086 Border Conflict Resolution (by border style): 'ridge' vs. 'inset' - border with highest priority border style should dominate
  • The 'ridge' border is the dominant border when it is collapsed with a 'inset' border of the same size.
border-conflict-style-087 Border Conflict Resolution (by border style): 'ridge' vs. 'none' - border with highest priority border style should dominate
  • The 'ridge' border is the dominant border when it is collapsed with a 'none' border.
border-conflict-style-088 Border Conflict Resolution (by border style): 'ridge' vs. 'outset' - border with highest priority border style should dominate
  • The 'ridge' border is the dominant border when it is collapsed with an 'outset' border of the same size.
border-conflict-style-089 Border Conflict Resolution (by border style): 'ridge' vs. 'ridge' - border with highest priority border style should dominate
  • Only one 'ridge' border appears when two 'ridge' borders of the same size are collapsed together.
border-conflict-style-090 Border Conflict Resolution (by border style): 'ridge' vs. 'solid' - border with highest priority border style should dominate
  • The 'solid' border is the dominant border when it is collapsed with a 'ridge' border of the same size.
border-conflict-style-091 Border Conflict Resolution (by border style): 'solid' vs. 'dashed' - border with highest priority border style should dominate
  • The 'solid' border is the dominant border when it is collapsed with a 'dashed' border of the same size.
border-conflict-style-092 Border Conflict Resolution (by border style): 'solid' vs. 'dotted' - border with highest priority border style should dominate
  • The 'solid' border is the dominant border when it is collapsed with a 'dotted' border of the same size.
border-conflict-style-093 Border Conflict Resolution (by border style): 'solid' vs. 'double' - border with highest priority border style should dominate
  • The 'double' border is the dominant border when it is collapsed with a 'solid' border of the same size.
border-conflict-style-094 Border Conflict Resolution (by border style): 'solid' vs. 'groove' - border with highest priority border style should dominate
  • The 'solid' border is the dominant border when it is collapsed with a 'groove' border of the same size.
border-conflict-style-095 Border Conflict Resolution (by border style): 'solid' vs. 'hidden' - border with highest priority border style should dominate
  • The 'hidden' border is the dominant border when it is collapsed with a 'solid' border.
border-conflict-style-096 Border Conflict Resolution (by border style): 'solid' vs. 'inset' - border with highest priority border style should dominate
  • The 'solid' border is the dominant border when it is collapsed with a 'inset' border of the same size.
border-conflict-style-097 Border Conflict Resolution (by border style): 'solid' vs. 'none' - border with highest priority border style should dominate
  • The 'solid' border is the dominant border when it is collapsed with a 'none' border.
border-conflict-style-098 Border Conflict Resolution (by border style): 'solid' vs. 'outset' - border with highest priority border style should dominate
  • The 'solid' border is the dominant border when it is collapsed with a 'outset' border of the same size.
border-conflict-style-099 Border Conflict Resolution (by border style): 'solid' vs. 'ridge' - border with highest priority border style should dominate
  • The 'solid' border is the dominant border when it is collapsed with a 'ridge' border of the same size.
border-conflict-style-100 Border Conflict Resolution (by border style): 'solid' vs. 'solid' - border with highest priority border style should dominate
  • Only a single 'solid' border appears when two 'solid' borders of the same size are collapsed together.
border-conflict-style-101 = border conflict resolution - border-style: hidden applied to table-row
  • A table element with the 'border-style' value of 'hidden' should suppress all borders for such element.
border-conflict-style-102 = border conflict resolution - border-style: hidden applied to table-column-group
  • A table element with the 'border-style' value of 'hidden' should suppress all borders for such element.
border-conflict-style-103 = border conflict resolution - border-style: hidden applied to table-column
  • A table element with the 'border-style' value of 'hidden' should suppress all borders for such element.
border-conflict-style-104 = border conflict resolution - border-style: hidden applied to table-row-group
  • A table element with the 'border-style' value of 'hidden' should suppress all borders for such element.
border-conflict-style-105 = border conflict resolution - border-style: hidden applied to table-footer-group
  • A table element with the 'border-style' value of 'hidden' should suppress all borders for such element.
border-conflict-style-106 = border conflict resolution - border-style: hidden applied to table-header-group
  • A table element with the 'border-style' value of 'hidden' should suppress all borders for such element.
border-conflict-w-000 Border Conflict Resolution (width) - hidden/hidden
border-conflict-w-001 Border Conflict Resolution (width) - hidden/double
border-conflict-w-002 Border Conflict Resolution (width) - hidden/solid
border-conflict-w-003 Border Conflict Resolution (width) - hidden/dashed
border-conflict-w-004 Border Conflict Resolution (width) - hidden/dotted
border-conflict-w-005 Border Conflict Resolution (width) - hidden/ridge
border-conflict-w-006 Border Conflict Resolution (width) - hidden/outset
border-conflict-w-007 Border Conflict Resolution (width) - hidden/groove
border-conflict-w-008 Border Conflict Resolution (width) - hidden/inset
border-conflict-w-009 Border Conflict Resolution (width) - hidden/none
border-conflict-w-010 Border Conflict Resolution (width) - double/hidden
border-conflict-w-011 Border Conflict Resolution (width) - double/double
border-conflict-w-012 Border Conflict Resolution (width) - double/solid
border-conflict-w-013 Border Conflict Resolution (width) - double/dashed
border-conflict-w-014 Border Conflict Resolution (width) - double/dashed
border-conflict-w-015 Border Conflict Resolution (width) - double/ridge
border-conflict-w-016 Border Conflict Resolution (width) - double/outset
border-conflict-w-017 Border Conflict Resolution (width) - double/groove
border-conflict-w-018 Border Conflict Resolution (width) - double/inset
border-conflict-w-019 Border Conflict Resolution (width) - double/none
border-conflict-w-020 Border Conflict Resolution (width) - solid/hidden
border-conflict-w-021 Border Conflict Resolution (width) - solid/double
border-conflict-w-022 Border Conflict Resolution (width) - solid/solid
border-conflict-w-023 Border Conflict Resolution (width) - solid/dashed
border-conflict-w-024 Border Conflict Resolution (width) - solid/dotted
border-conflict-w-025 Border Conflict Resolution (width) - solid/ridge
border-conflict-w-026 Border Conflict Resolution (width) - solid/outset
border-conflict-w-027 Border Conflict Resolution (width) - solid/groove
border-conflict-w-028 Border Conflict Resolution (width) - solid/inset
border-conflict-w-029 Border Conflict Resolution (width) - solid/none
border-conflict-w-030 Border Conflict Resolution (width) - dashed/hidden
border-conflict-w-031 Border Conflict Resolution (width) - dashed/double
border-conflict-w-032 Border Conflict Resolution (width) - dashed/solid
border-conflict-w-033 Border Conflict Resolution (width) - dashed/dashed
border-conflict-w-034 Border Conflict Resolution (width) - dashed/dotted
border-conflict-w-035 Border Conflict Resolution (width) - dashed/ridge
border-conflict-w-036 Border Conflict Resolution (width) - dashed/outset
border-conflict-w-037 Border Conflict Resolution (width) - dashed/groove
border-conflict-w-038 Border Conflict Resolution (width) - dashed/inset
border-conflict-w-039 Border Conflict Resolution (width) - dashed/none
border-conflict-w-040 Border Conflict Resolution (width) - dotted/hidden
border-conflict-w-041 Border Conflict Resolution (width) - dotted/double
border-conflict-w-042 Border Conflict Resolution (width) - dotted/solid
border-conflict-w-043 Border Conflict Resolution (width) - dotted/dashed
border-conflict-w-044 Border Conflict Resolution (width) - dotted/dotted
border-conflict-w-045 Border Conflict Resolution (width) - dotted/ridge
border-conflict-w-046 Border Conflict Resolution (width) - dotted/outset
border-conflict-w-047 Border Conflict Resolution (width) - dotted/groove
border-conflict-w-048 Border Conflict Resolution (width) - dotted/inset
border-conflict-w-049 Border Conflict Resolution (width) - dotted/none
border-conflict-w-050 Border Conflict Resolution (width) - ridge/hidden
border-conflict-w-051 Border Conflict Resolution (width) - ridge/double
border-conflict-w-052 Border Conflict Resolution (width) - ridge/solid
border-conflict-w-053 Border Conflict Resolution (width) - ridge/dashed
border-conflict-w-054 Border Conflict Resolution (width) - ridge/dotted
border-conflict-w-055 Border Conflict Resolution (width) - ridge/ridge
border-conflict-w-056 Border Conflict Resolution (width) - ridge/outset
border-conflict-w-057 Border Conflict Resolution (width) - ridge/groove
border-conflict-w-058 Border Conflict Resolution (width) - ridge/inset
border-conflict-w-059 Border Conflict Resolution (width) - ridge/none
border-conflict-w-060 Border Conflict Resolution (width) - outset/hidden
border-conflict-w-061 Border Conflict Resolution (width) - outset/double
border-conflict-w-062 Border Conflict Resolution (width) - outset/solid
border-conflict-w-063 Border Conflict Resolution (width) - outset/dashed
border-conflict-w-064 Border Conflict Resolution (width) - outset/dotted
border-conflict-w-065 Border Conflict Resolution (width) - outset/ridge
border-conflict-w-066 Border Conflict Resolution (width) - outset/outset
border-conflict-w-067 Border Conflict Resolution (width) - outset/groove
border-conflict-w-068 Border Conflict Resolution (width) - outset/inset
border-conflict-w-069 Border Conflict Resolution (width) - outset/none
border-conflict-w-070 Border Conflict Resolution (width) - groove/hidden
border-conflict-w-071 Border Conflict Resolution (width) - groove/double
border-conflict-w-072 Border Conflict Resolution (width) - groove/solid
border-conflict-w-073 Border Conflict Resolution (width) - groove/dashed
border-conflict-w-074 Border Conflict Resolution (width) - groove/dotted
border-conflict-w-075 Border Conflict Resolution (width) - groove/ridge
border-conflict-w-076 Border Conflict Resolution (width) - groove/outset
border-conflict-w-077 Border Conflict Resolution (width) - groove/groove
border-conflict-w-078 Border Conflict Resolution (width) - groove/inset
border-conflict-w-079 Border Conflict Resolution (width) - groove/none
border-conflict-w-080 Border Conflict Resolution (width) - inset/hidden
border-conflict-w-081 Border Conflict Resolution (width) - inset/double
border-conflict-w-082 Border Conflict Resolution (width) - inset/solid
border-conflict-w-083 Border Conflict Resolution (width) - inset/dashed
border-conflict-w-084 Border Conflict Resolution (width) - inset/dotted
border-conflict-w-085 Border Conflict Resolution (width) - inset/ridge
border-conflict-w-086 Border Conflict Resolution (width) - inset/outset
border-conflict-w-087 Border Conflict Resolution (width) - inset/groove
border-conflict-w-088 Border Conflict Resolution (width) - inset/inset
border-conflict-w-089 Border Conflict Resolution (width) - inset/none
border-conflict-w-090 Border Conflict Resolution (width) - none/hidden
border-conflict-w-091 Border Conflict Resolution (width) - none/double
border-conflict-w-092 Border Conflict Resolution (width) - none/solid
border-conflict-w-093 Border Conflict Resolution (width) - none/dashed
border-conflict-w-094 Border Conflict Resolution (width) - none/dotted
border-conflict-w-095 Border Conflict Resolution (width) - none/ridge
border-conflict-w-096 Border Conflict Resolution (width) - inset/outset
border-conflict-w-097 Border Conflict Resolution (width) - none/groove
border-conflict-w-098 Border Conflict Resolution (width) - none/inset
border-conflict-w-099 Border Conflict Resolution (width) - none/none
border-conflict-width-001 Border Conflict Resolution (by border width): 'dashed' vs. 'dashed' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-002 Border Conflict Resolution (by border width): 'dashed' vs. 'dotted' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-003 Border Conflict Resolution (by border width): 'dashed' vs. 'double' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-004 Border Conflict Resolution (by border width): 'dashed' vs. 'groove' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-005 Border Conflict Resolution (by border width): 'dashed' vs. 'hidden' - a border style of 'hidden' is always the dominant border
  • The 'hidden' border style takes precedence over all style and width definitions.
border-conflict-width-006 Border Conflict Resolution (by border width): 'dashed' vs. 'inset' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-007 Border Conflict Resolution (by border width): 'dashed' vs. 'none' - a border style of 'none' is never the dominant border
  • The widest border is dominant when two , except when border style is 'none'. If border style is 'none' any other non-none border style is dominant border.
border-conflict-width-008 Border Conflict Resolution (by border width): 'dashed' vs. 'outset' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-009 Border Conflict Resolution (by border width): 'dashed' vs. 'ridge' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-010 Border Conflict Resolution (by border width): 'dashed' vs. 'solid' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-011 Border Conflict Resolution (by border width): 'dotted' vs. 'dashed' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-012 Border Conflict Resolution (by border width): 'dotted' vs. 'dotted' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-013 Border Conflict Resolution (by border width): 'dotted' vs. 'double' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-014 Border Conflict Resolution (by border width): 'dotted' vs. 'groove' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-015 Border Conflict Resolution (by border width): 'dotted' vs. 'hidden' - a border style of 'hidden' is always the dominant border
  • The 'hidden' border style takes precedence over all style and width definitions.
border-conflict-width-016 Border Conflict Resolution (by border width): 'dotted' vs. 'inset' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-017 Border Conflict Resolution (by border width): 'dotted' vs. 'none' - a border style of 'none' is never the dominant border
  • The widest border is dominant when two , except when border style is 'none'. If border style is 'none' any other non-none border style is dominant border.
border-conflict-width-018 Border Conflict Resolution (by border width): 'dotted' vs. 'outset' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-019 Border Conflict Resolution (by border width): 'dotted' vs. 'ridge' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-020 Border Conflict Resolution (by border width): 'dotted' vs. 'solid' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-021 Border Conflict Resolution (by border width): 'double' vs. 'dashed' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-022 Border Conflict Resolution (by border width): 'double' vs. 'dotted' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-023 Border Conflict Resolution (by border width): 'double' vs. 'double' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-024 Border Conflict Resolution (by border width): 'double' vs. 'groove' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-025 Border Conflict Resolution (by border width): 'double' vs. 'hidden' - a border style of 'hidden' is always the dominant border
  • The 'hidden' border style takes precedence over all style and width definitions.
border-conflict-width-026 Border Conflict Resolution (by border width): 'double' vs. 'inset' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-027 Border Conflict Resolution (by border width): 'double' vs. 'none' - a border style of 'none' is never the dominant border
  • The widest border is dominant when two , except when border style is 'none'. If border style is 'none' any other non-none border style is dominant border.
border-conflict-width-028 Border Conflict Resolution (by border width): 'double' vs. 'outset' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-029 Border Conflict Resolution (by border width): 'double' vs. 'ridge' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-030 Border Conflict Resolution (by border width): 'double' vs. 'solid' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-031 Border Conflict Resolution (by border width): 'groove' vs. 'dashed' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-032 Border Conflict Resolution (by border width): 'groove' vs. 'dotted' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-033 Border Conflict Resolution (by border width): 'groove' vs. 'double' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-034 Border Conflict Resolution (by border width): 'groove' vs. 'groove' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-035 Border Conflict Resolution (by border width): 'groove' vs. 'hidden' - a border style of 'hidden' is always the dominant border
  • The 'hidden' border style takes precedence over all style and width definitions.
border-conflict-width-036 Border Conflict Resolution (by border width): 'groove' vs. 'inset' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-037 Border Conflict Resolution (by border width): 'groove' vs. 'none' - a border style of 'none' is never the dominant border
  • The widest border is dominant when two , except when border style is 'none'. If border style is 'none' any other non-none border style is dominant border.
border-conflict-width-038 Border Conflict Resolution (by border width): 'groove' vs. 'outset' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-039 Border Conflict Resolution (by border width): 'groove' vs. 'ridge' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-040 Border Conflict Resolution (by border width): 'groove' vs. 'solid' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-041 Border Conflict Resolution (by border width): 'hidden' vs. 'dashed' - a border style of 'hidden' is always the dominant border
  • The 'hidden' border style takes precedence over all style and width definitions.
border-conflict-width-042 Border Conflict Resolution (by border width): 'hidden' vs. 'dotted' - a border style of 'hidden' is always the dominant border
  • The 'hidden' border style takes precedence over all style and width definitions.
border-conflict-width-043 Border Conflict Resolution (by border width): 'hidden' vs. 'double' - a border style of 'hidden' is always the dominant border
  • The 'hidden' border style takes precedence over all style and width definitions.
border-conflict-width-044 Border Conflict Resolution (by border width): 'hidden' vs. 'groove' - a border style of 'hidden' is always the dominant border
  • The 'hidden' border style takes precedence over all style and width definitions.
border-conflict-width-045 Border Conflict Resolution (by border width): 'hidden' vs. 'hidden' - a border style of 'hidden' is always the dominant border
  • The 'hidden' border style takes precedence over all style and width definitions.
border-conflict-width-046 Border Conflict Resolution (by border width): 'hidden' vs. 'inset' - a border style of 'hidden' is always the dominant border
  • The 'hidden' border style takes precedence over all style and width definitions.
border-conflict-width-047 Border Conflict Resolution (by border width): 'hidden' vs. 'none' - a border style of 'hidden' is always the dominant border
  • The 'hidden' border style takes precedence over all style and width definitions.
border-conflict-width-048 Border Conflict Resolution (by border width): 'hidden' vs. 'outset' - a border style of 'hidden' is always the dominant border
  • The 'hidden' border style takes precedence over all style and width definitions.
border-conflict-width-049 Border Conflict Resolution (by border width): 'hidden' vs. 'ridge' - a border style of 'hidden' is always the dominant border
  • The 'hidden' border style takes precedence over all style and width definitions.
border-conflict-width-050 Border Conflict Resolution (by border width): 'hidden' vs. 'solid' - a border style of 'hidden' is always the dominant border
  • The 'hidden' border style takes precedence over all style and width definitions.
border-conflict-width-051 Border Conflict Resolution (by border width): 'inset' vs. 'dashed' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-052 Border Conflict Resolution (by border width): 'inset' vs. 'dotted' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-053 Border Conflict Resolution (by border width): 'inset' vs. 'double' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-054 Border Conflict Resolution (by border width): 'inset' vs. 'groove' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-055 Border Conflict Resolution (by border width): 'inset' vs. 'hidden' - a border style of 'hidden' is always the dominant border
  • The 'hidden' border style takes precedence over all style and width definitions.
border-conflict-width-056 Border Conflict Resolution (by border width): 'inset' vs. 'inset' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-057 Border Conflict Resolution (by border width): 'inset' vs. 'none' - a border style of 'none' is never the dominant border
  • The widest border is dominant when two , except when border style is 'none'. If border style is 'none' any other non-none border style is dominant border.
border-conflict-width-058 Border Conflict Resolution (by border width): 'inset' vs. 'outset' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-059 Border Conflict Resolution (by border width): 'inset' vs. 'ridge' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-060 Border Conflict Resolution (by border width): 'inset' vs. 'solid' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-061 Border Conflict Resolution (by border width): 'none' vs. 'dashed' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-062 Border Conflict Resolution (by border width): 'none' vs. 'dotted' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-063 Border Conflict Resolution (by border width): 'none' vs. 'double' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-064 Border Conflict Resolution (by border width): 'none' vs. 'groove' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-065 Border Conflict Resolution (by border width): 'none' vs. 'hidden' - a border style of 'hidden' is always the dominant border
  • The 'hidden' border style takes precedence over all style and width definitions.
border-conflict-width-066 Border Conflict Resolution (by border width): 'none' vs. 'inset' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-067 Border Conflict Resolution (by border width): 'none' vs. 'none' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-068 Border Conflict Resolution (by border width): 'none' vs. 'outset' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-069 Border Conflict Resolution (by border width): 'none' vs. 'ridge' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-070 Border Conflict Resolution (by border width): 'none' vs. 'solid' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-071 Border Conflict Resolution (by border width): 'outset' vs. 'dashed' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-072 Border Conflict Resolution (by border width): 'outset' vs. 'dotted' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-073 Border Conflict Resolution (by border width): 'outset' vs. 'double' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-074 Border Conflict Resolution (by border width): 'outset' vs. 'groove' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-075 Border Conflict Resolution (by border width): 'outset' vs. 'hidden' - a border style of 'hidden' is always the dominant border
  • The 'hidden' border style takes precedence over all style and width definitions.
border-conflict-width-076 Border Conflict Resolution (by border width): 'outset' vs. 'inset' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-077 Border Conflict Resolution (by border width): 'outset' vs. 'none' - a border style of 'none' is never the dominant border
  • The widest border is dominant when two , except when border style is 'none'. If border style is 'none' any other non-none border style is dominant border.
border-conflict-width-078 Border Conflict Resolution (by border width): 'outset' vs. 'outset' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-079 Border Conflict Resolution (by border width): 'outset' vs. 'ridge' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-080 Border Conflict Resolution (by border width): 'outset' vs. 'solid' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-081 Border Conflict Resolution (by border width): 'ridge' vs. 'dashed' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-082 Border Conflict Resolution (by border width): 'ridge' vs. 'dotted' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-083 Border Conflict Resolution (by border width): 'ridge' vs. 'double' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-084 Border Conflict Resolution (by border width): 'ridge' vs. 'groove' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-085 Border Conflict Resolution (by border width): 'ridge' vs. 'hidden' - a border style of 'hidden' is always the dominant border
  • The 'hidden' border style takes precedence over all style and width definitions.
border-conflict-width-086 Border Conflict Resolution (by border width): 'ridge' vs. 'inset' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-087 Border Conflict Resolution (by border width): 'ridge' vs. 'none' - a border style of 'none' is never the dominant border
  • The widest border is dominant when two cell borders collapse, except when border style is 'none'. If border style is 'none' any other non-none border style is dominant border.
border-conflict-width-088 Border Conflict Resolution (by border width): 'ridge' vs. 'outset' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-089 Border Conflict Resolution (by border width): 'ridge' vs. 'ridge' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-090 Border Conflict Resolution (by border width): 'ridge' vs. 'solid' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-091 Border Conflict Resolution (by border width): 'solid' vs. 'dashed' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-092 Border Conflict Resolution (by border width): 'solid' vs. 'dotted' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-093 Border Conflict Resolution (by border width): 'solid' vs. 'double' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-094 Border Conflict Resolution (by border width): 'solid' vs. 'groove' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-095 Border Conflict Resolution (by border width): 'solid' vs. 'hidden' - a border style of 'hidden' is always the dominant border
  • The 'hidden' border style takes precedence over all style and width definitions.
border-conflict-width-096 Border Conflict Resolution (by border width): 'solid' vs. 'inset' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-097 Border Conflict Resolution (by border width): 'solid' vs. 'none' - a border style of 'none' is never the dominant border
  • The widest border is dominant when two , except when border style is 'none'. If border style is 'none' any other non-none border style is dominant border.
border-conflict-width-098 Border Conflict Resolution (by border width): 'solid' vs. 'outset' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-099 Border Conflict Resolution (by border width): 'solid' vs. 'ridge' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
border-conflict-width-100 Border Conflict Resolution (by border width): 'solid' vs. 'solid' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
+ 17.6.3 Border styles
border-style-inset-001 Table-Specific Border Style Behavior (separated border model/inset)
  • In the separated border model, the 'inset' border style makes its box looks like it is embedded in the canvas.
border-style-inset-002 Table-Specific Border Style Behavior (collapsing border model/inset)
  • In the collapsing border model, the 'inset' border style looks the same as the 'ridge' border style.
border-style-outset-001 Table-Specific Border Style Behavior (separated border model/outset)
  • In the separated border model, the 'outset' border style makes its box looks like it is standing off of the canvas.
border-style-outset-002 Table-Specific Border Style Behavior (collapsing border model/outset)
  • In the collapsing border model, the 'outset' border style looks the same as the 'groove' border style.