CSS2.1 Test Suite

Tables (1026 tests)

Test Refs Flags Info
+ 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-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-visibility-003 Spanning cell that intersects a 'visibility: collapse' column
  • Contents of a cell which spans through a collapsed column are clipped.
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-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.
+ 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.
+ 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 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.
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'.
+ 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-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-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.
+ 17.5.2.2 Automatic table layout
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
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-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
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 A spanning cell that intersects a 'visibility: collapse' row
  • The contents of a cell which spans through 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'.
+ 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 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-values-001 Negative 'border-spacing' values are ignored
  • The 'border-spacing' property ignores a negative value.
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).
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-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-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.
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.
+ 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'.
+ 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-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.
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-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-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-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 of the same size.
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 of the same size.
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 of the same size.
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' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
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' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
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' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
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' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
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' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
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' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
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' - border style with largest width is the dominant border
  • The widest border is dominant when two cell borders collapse.
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' - border style with largest width should be the dominant border
  • The widest border is dominant when two cell borders collapse.
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.