Display

Choose whether an element is hidden, inline, block-level, flex, or grid.

Choose display to control whether an element joins the text flow, starts a block, or arranges its children as flex or grid items. Use inline-block when an inline element also needs a box size; use hidden when the box should leave layout.

Quick reference

Example class	Expected declarations
`inline`	`display: inline;`
`inline-block`	`display: inline-block;`
`block`	`display: block;`
`flex`	`display: flex;`
`inline-flex`	`display: inline-flex;`
`grid`	`display: grid;`
`inline-grid`	`display: inline-grid;`
`hidden`	`display: none;`
`contents`	`display: contents;`
`flow-root`	`display: flow-root;`
`list-item`	`display: list-item;`
`table`	`display: table;`
`table-caption`	`display: table-caption;`
`table-cell`	`display: table-cell;`
`table-column`	`display: table-column;`
`table-column-group`	`display: table-column-group;`
`table-footer-group`	`display: table-footer-group;`
`table-header-group`	`display: table-header-group;`
`table-row`	`display: table-row;`
`table-row-group`	`display: table-row-group;`
`inline-table`	`display: inline-table;`

Example setup

Every preview explicitly starts from spec 1, reset "none", strict mode, spacingUnit "0.25rem", and no breakpoints. Numeric spacing values multiply that unit; no Tailwind theme is inherited. wind-demo classes are authored presentation scaffolding, with their CSS shown beside the exact HTML source.

Examples in use

Inline and block flow

inline remains with surrounding text, inline-block accepts a width while staying in the line, and block starts a new line.

Inline and block flow

HTML

<div class="wind-demo">
  <p class="wind-demo-note">Inline content stays in the sentence; block content starts a new line.</p>
  <div class="wind-demo-frame w-72">
    A <span class="wind-demo-tile inline">inline</span> B
    <span class="wind-demo-tile inline-block w-24">inline-block</span>
    <span class="wind-demo-tile block w-full">block takes its own line</span>
  </div>
</div>

CSS

@layer zw-reset, zw-tokens, zfb-hi, base, components;
@layer zw-tokens {
  :root {
    --zw-spacing-unit: .25rem;
  }
}
.wind-demo {
  font: 14px / 1.45 system-ui, sans-serif;
  color: #203046;
}

.wind-demo-frame {
  border: 1px solid #9aaabd;
  background: #f8fafc;
  padding: .75rem;
}

.wind-demo-note {
  color: #53677f;
  font-size: .875rem;
}

.wind-demo-tile {
  border: 1px solid #849bb3;
  background: #dce8f2;
  color: #203046;
  padding: .5rem;
  text-align: center;
}
.block {
  display: block;
}
.inline {
  display: inline;
}
.inline-block {
  display: inline-block;
}
.w-24 {
  width: 6rem;
}
.w-72 {
  width: 18rem;
}
.w-full {
  width: 100%;
}

Configuration for this example

{
  "wind": {
    "spec": 1,
    "reset": "none",
    "strict": true,
    "tokens": {
      "spacingUnit": "0.25rem"
    },
    "breakpoints": {},
    "defaultTransitionTimingFunction": "ease",
    "authoredClasses": {
      "wind-demo": true,
      "wind-demo-frame": true,
      "wind-demo-note": true,
      "wind-demo-tile": true
    },
    "safelist": {
      "docs-preview": [
        "block",
        "inline",
        "inline-block",
        "w-24",
        "w-72",
        "w-full"
      ]
    }
  }
}

Authored demonstration CSS

.wind-demo { font: 14px/1.45 system-ui, sans-serif; color: #203046; }
.wind-demo-frame { border: 1px solid #9aaabd; background: #f8fafc; padding: 0.75rem; }
.wind-demo-note { color: #53677f; font-size: 0.875rem; }
.wind-demo-tile { border: 1px solid #849bb3; background: #dce8f2; color: #203046; padding: 0.5rem; text-align: center; }

Arrange children with flex and grid

flex and grid create block-level layout containers; inline-flex and inline-grid remain in surrounding text flow.

Arrange children with flex and grid

HTML

<div class="wind-demo">
  <p class="wind-demo-note">Flex and grid arrange children; their inline forms can sit within text.</p>
  <div class="wind-demo-frame">
    <div class="flex gap-2">
      <div class="wind-demo-tile flex-1">flex</div><div class="wind-demo-tile">item</div>
    </div>
    <p>Read <span class="wind-demo-tile inline-flex">inline-flex</span> in a sentence.</p>
    <div class="grid grid-cols-3 gap-2">
      <div class="wind-demo-tile">grid 1</div><div class="wind-demo-tile">grid 2</div><div class="wind-demo-tile">grid 3</div>
    </div>
    <p>Read <span class="wind-demo-tile inline-grid grid-cols-2"><span>A</span><span>B</span></span> inline-grid in a sentence.</p>
  </div>
</div>

CSS

@layer zw-reset, zw-tokens, zfb-hi, base, components;
@layer zw-tokens {
  :root {
    --zw-spacing-unit: .25rem;
  }
}
.wind-demo {
  font: 14px / 1.45 system-ui, sans-serif;
  color: #203046;
}

.wind-demo-frame {
  border: 1px solid #9aaabd;
  background: #f8fafc;
  padding: .75rem;
}

.wind-demo-note {
  color: #53677f;
  font-size: .875rem;
}

.wind-demo-tile {
  border: 1px solid #849bb3;
  background: #dce8f2;
  color: #203046;
  padding: .5rem;
  text-align: center;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.inline-flex {
  display: inline-flex;
}
.inline-grid {
  display: inline-grid;
}
.flex-1 {
  flex: 1 1 0%;
}
.grid-cols-2 {
  grid-template-columns: repeat(2,minmax(0,1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3,minmax(0,1fr));
}
.gap-2 {
  column-gap: 0.5rem;
  row-gap: 0.5rem;
}

Configuration for this example

{
  "wind": {
    "spec": 1,
    "reset": "none",
    "strict": true,
    "tokens": {
      "spacingUnit": "0.25rem"
    },
    "breakpoints": {},
    "defaultTransitionTimingFunction": "ease",
    "authoredClasses": {
      "wind-demo": true,
      "wind-demo-frame": true,
      "wind-demo-note": true,
      "wind-demo-tile": true
    },
    "safelist": {
      "docs-preview": [
        "flex",
        "flex-1",
        "gap-2",
        "grid",
        "grid-cols-2",
        "grid-cols-3",
        "inline-flex",
        "inline-grid"
      ]
    }
  }
}

Authored demonstration CSS

.wind-demo { font: 14px/1.45 system-ui, sans-serif; color: #203046; }
.wind-demo-frame { border: 1px solid #9aaabd; background: #f8fafc; padding: 0.75rem; }
.wind-demo-note { color: #53677f; font-size: 0.875rem; }
.wind-demo-tile { border: 1px solid #849bb3; background: #dce8f2; color: #203046; padding: 0.5rem; text-align: center; }

Remove a box from layout

hidden sets display:none, so the following item occupies its space.

Remove a box from layout

HTML

<div class="wind-demo">
  <div class="wind-demo-frame flex items-center gap-2">
    <div class="wind-demo-tile">First</div>
    <div class="wind-demo-tile hidden">Hidden item</div>
    <div class="wind-demo-tile">Next item moves into its place</div>
  </div>
  <p class="wind-demo-note">hidden removes the box from layout.</p>
</div>

CSS

@layer zw-reset, zw-tokens, zfb-hi, base, components;
@layer zw-tokens {
  :root {
    --zw-spacing-unit: .25rem;
  }
}
.wind-demo {
  font: 14px / 1.45 system-ui, sans-serif;
  color: #203046;
}

.wind-demo-frame {
  border: 1px solid #9aaabd;
  background: #f8fafc;
  padding: .75rem;
}

.wind-demo-note {
  color: #53677f;
  font-size: .875rem;
}

.wind-demo-tile {
  border: 1px solid #849bb3;
  background: #dce8f2;
  color: #203046;
  padding: .5rem;
  text-align: center;
}
.flex {
  display: flex;
}
.hidden {
  display: none;
}
.items-center {
  align-items: center;
}
.gap-2 {
  column-gap: 0.5rem;
  row-gap: 0.5rem;
}

Configuration for this example

{
  "wind": {
    "spec": 1,
    "reset": "none",
    "strict": true,
    "tokens": {
      "spacingUnit": "0.25rem"
    },
    "breakpoints": {},
    "defaultTransitionTimingFunction": "ease",
    "authoredClasses": {
      "wind-demo": true,
      "wind-demo-frame": true,
      "wind-demo-note": true,
      "wind-demo-tile": true
    },
    "safelist": {
      "docs-preview": [
        "flex",
        "gap-2",
        "hidden",
        "items-center"
      ]
    }
  }
}

Authored demonstration CSS

.wind-demo { font: 14px/1.45 system-ui, sans-serif; color: #203046; }
.wind-demo-frame { border: 1px solid #9aaabd; background: #f8fafc; padding: 0.75rem; }
.wind-demo-note { color: #53677f; font-size: 0.875rem; }
.wind-demo-tile { border: 1px solid #849bb3; background: #dce8f2; color: #203046; padding: 0.5rem; text-align: center; }

Additional display modes

additional-display uses exact supported Wind utility classes.

Additional display modes

HTML

<div class="wind-demo-new"><div class="contents"><span>contents</span></div><div class="flow-root">flow-root</div><span class="list-item">list-item</span><table class="table"><caption class="table-caption">caption</caption><colgroup class="table-column-group"><col class="table-column"></colgroup><thead class="table-header-group"><tr class="table-row"><th class="table-cell">header</th></tr></thead><tbody class="table-row-group"><tr><td>body</td></tr></tbody><tfoot class="table-footer-group"><tr><td>footer</td></tr></tfoot></table><span class="inline-table"><span class="table-row"><span class="table-cell">inline table</span></span></span></div>

CSS

@layer zw-reset, zw-tokens, zfb-hi, base, components;
@layer zw-tokens {
  :root {
    --zw-spacing-unit: .25rem;
  }
}
.wind-demo-new {
  color: #203046;
  font: 14px / 1.5 system-ui, sans-serif;
}
.contents {
  display: contents;
}
.flow-root {
  display: flow-root;
}
.inline-table {
  display: inline-table;
}
.list-item {
  display: list-item;
}
.table {
  display: table;
}
.table-caption {
  display: table-caption;
}
.table-cell {
  display: table-cell;
}
.table-column {
  display: table-column;
}
.table-column-group {
  display: table-column-group;
}
.table-footer-group {
  display: table-footer-group;
}
.table-header-group {
  display: table-header-group;
}
.table-row {
  display: table-row;
}
.table-row-group {
  display: table-row-group;
}

Configuration for this example

{
  "wind": {
    "spec": 1,
    "reset": "none",
    "strict": true,
    "tokens": {
      "spacingUnit": "0.25rem"
    },
    "breakpoints": {},
    "defaultTransitionTimingFunction": "ease",
    "authoredClasses": {
      "wind-demo-new": true
    },
    "safelist": {
      "docs-preview": [
        "contents",
        "flow-root",
        "list-item",
        "table",
        "table-caption",
        "table-cell",
        "table-column",
        "table-column-group",
        "table-footer-group",
        "table-header-group",
        "table-row",
        "table-row-group",
        "inline-table"
      ]
    }
  }
}

Authored demonstration CSS

.wind-demo-new { color: #203046; font: 14px/1.5 system-ui, sans-serif; }

Custom and named values

This family has eight exact class names and no value suffixes or custom values. inline, block, inline-block, flex, inline-flex, grid, inline-grid, and hidden map directly to display modes. hidden is display:none; invisible is a separate visibility utility that preserves the box.

Related guides: Utility grammar · Variants

Catalog details

block

Field	Value
Catalog identifier	`v1.block`
Class pattern	`block`
Grammar	`{"acceptedKinds":["exact"],"arbitraryProperty":null,"allowsFractionSlash":false,"allowsColorOpacity":false}`
Accepted values	`1`
Token categories	No token category
Negative-value policy	`forbidden`
Conflict group and rank	`display` (`1`)
Order rank	`0`
Selector shape	`ownElement`
Spec version	`1`
Emitter properties	`display`

Accepted values

Kind	Suffix	Emitted value
`exact`	`null`	`"block"`

Declaration templates

Property	Value kind	Fixed value
`display`	`resolved`	`null`

Catalog examples

Example class	Expected declarations
`block`	`display: block`

Field	Value
Catalog identifier	`v1.contents`
Class pattern	`contents`
Grammar	`{"acceptedKinds":["exact"],"arbitraryProperty":null,"allowsFractionSlash":false,"allowsColorOpacity":false}`
Accepted values	`1`
Token categories	No token category
Negative-value policy	`forbidden`
Conflict group and rank	`display` (`1`)
Order rank	`0`
Selector shape	`ownElement`
Spec version	`1`
Emitter properties	`display`

Accepted values

Kind	Suffix	Emitted value
`exact`	`null`	`"contents"`

Declaration templates

Property	Value kind	Fixed value
`display`	`resolved`	`null`

Catalog examples

Example class	Expected declarations
`contents`	`display: contents`

flex

Field	Value
Catalog identifier	`v1.flex`
Class pattern	`flex`
Grammar	`{"acceptedKinds":["exact"],"arbitraryProperty":null,"allowsFractionSlash":false,"allowsColorOpacity":false}`
Accepted values	`1`
Token categories	No token category
Negative-value policy	`forbidden`
Conflict group and rank	`display` (`1`)
Order rank	`0`
Selector shape	`ownElement`
Spec version	`1`
Emitter properties	`display`

Accepted values

Kind	Suffix	Emitted value
`exact`	`null`	`"flex"`

Declaration templates

Property	Value kind	Fixed value
`display`	`resolved`	`null`

Catalog examples

Example class	Expected declarations
`flex`	`display: flex`

flow-root

Field	Value
Catalog identifier	`v1.flow-root`
Class pattern	`flow-root`
Grammar	`{"acceptedKinds":["exact"],"arbitraryProperty":null,"allowsFractionSlash":false,"allowsColorOpacity":false}`
Accepted values	`1`
Token categories	No token category
Negative-value policy	`forbidden`
Conflict group and rank	`display` (`1`)
Order rank	`0`
Selector shape	`ownElement`
Spec version	`1`
Emitter properties	`display`

Accepted values

Kind	Suffix	Emitted value
`exact`	`null`	`"flow-root"`

Declaration templates

Property	Value kind	Fixed value
`display`	`resolved`	`null`

Catalog examples

Example class	Expected declarations
`flow-root`	`display: flow-root`

grid

Field	Value
Catalog identifier	`v1.grid`
Class pattern	`grid`
Grammar	`{"acceptedKinds":["exact"],"arbitraryProperty":null,"allowsFractionSlash":false,"allowsColorOpacity":false}`
Accepted values	`1`
Token categories	No token category
Negative-value policy	`forbidden`
Conflict group and rank	`display` (`1`)
Order rank	`0`
Selector shape	`ownElement`
Spec version	`1`
Emitter properties	`display`

Accepted values

Kind	Suffix	Emitted value
`exact`	`null`	`"grid"`

Declaration templates

Property	Value kind	Fixed value
`display`	`resolved`	`null`

Catalog examples

Example class	Expected declarations
`grid`	`display: grid`

hidden

Field	Value
Catalog identifier	`v1.hidden`
Class pattern	`hidden`
Grammar	`{"acceptedKinds":["exact"],"arbitraryProperty":null,"allowsFractionSlash":false,"allowsColorOpacity":false}`
Accepted values	`1`
Token categories	No token category
Negative-value policy	`forbidden`
Conflict group and rank	`display` (`1`)
Order rank	`0`
Selector shape	`ownElement`
Spec version	`1`
Emitter properties	`display`

Accepted values

Kind	Suffix	Emitted value
`exact`	`null`	`"none"`

Declaration templates

Property	Value kind	Fixed value
`display`	`resolved`	`null`

Catalog examples

Example class	Expected declarations
`hidden`	`display: none`

inline

Field	Value
Catalog identifier	`v1.inline`
Class pattern	`inline`
Grammar	`{"acceptedKinds":["exact"],"arbitraryProperty":null,"allowsFractionSlash":false,"allowsColorOpacity":false}`
Accepted values	`1`
Token categories	No token category
Negative-value policy	`forbidden`
Conflict group and rank	`display` (`1`)
Order rank	`0`
Selector shape	`ownElement`
Spec version	`1`
Emitter properties	`display`

Accepted values

Kind	Suffix	Emitted value
`exact`	`null`	`"inline"`

Declaration templates

Property	Value kind	Fixed value
`display`	`resolved`	`null`

Catalog examples

Example class	Expected declarations
`inline`	`display: inline`

inline-block

Field	Value
Catalog identifier	`v1.inline-block`
Class pattern	`inline-block`
Grammar	`{"acceptedKinds":["exact"],"arbitraryProperty":null,"allowsFractionSlash":false,"allowsColorOpacity":false}`
Accepted values	`1`
Token categories	No token category
Negative-value policy	`forbidden`
Conflict group and rank	`display` (`1`)
Order rank	`0`
Selector shape	`ownElement`
Spec version	`1`
Emitter properties	`display`

Accepted values

Kind	Suffix	Emitted value
`exact`	`null`	`"inline-block"`

Declaration templates

Property	Value kind	Fixed value
`display`	`resolved`	`null`

Catalog examples

Example class	Expected declarations
`inline-block`	`display: inline-block`

inline-flex

Field	Value
Catalog identifier	`v1.inline-flex`
Class pattern	`inline-flex`
Grammar	`{"acceptedKinds":["exact"],"arbitraryProperty":null,"allowsFractionSlash":false,"allowsColorOpacity":false}`
Accepted values	`1`
Token categories	No token category
Negative-value policy	`forbidden`
Conflict group and rank	`display` (`1`)
Order rank	`0`
Selector shape	`ownElement`
Spec version	`1`
Emitter properties	`display`

Accepted values

Kind	Suffix	Emitted value
`exact`	`null`	`"inline-flex"`

Declaration templates

Property	Value kind	Fixed value
`display`	`resolved`	`null`

Catalog examples

Example class	Expected declarations
`inline-flex`	`display: inline-flex`

inline-grid

Field	Value
Catalog identifier	`v1.inline-grid`
Class pattern	`inline-grid`
Grammar	`{"acceptedKinds":["exact"],"arbitraryProperty":null,"allowsFractionSlash":false,"allowsColorOpacity":false}`
Accepted values	`1`
Token categories	No token category
Negative-value policy	`forbidden`
Conflict group and rank	`display` (`1`)
Order rank	`0`
Selector shape	`ownElement`
Spec version	`1`
Emitter properties	`display`

Accepted values

Kind	Suffix	Emitted value
`exact`	`null`	`"inline-grid"`

Declaration templates

Property	Value kind	Fixed value
`display`	`resolved`	`null`

Catalog examples

Example class	Expected declarations
`inline-grid`	`display: inline-grid`

inline-table

Field	Value
Catalog identifier	`v1.inline-table`
Class pattern	`inline-table`
Grammar	`{"acceptedKinds":["exact"],"arbitraryProperty":null,"allowsFractionSlash":false,"allowsColorOpacity":false}`
Accepted values	`1`
Token categories	No token category
Negative-value policy	`forbidden`
Conflict group and rank	`display` (`1`)
Order rank	`0`
Selector shape	`ownElement`
Spec version	`1`
Emitter properties	`display`

Accepted values

Kind	Suffix	Emitted value
`exact`	`null`	`"inline-table"`

Declaration templates

Property	Value kind	Fixed value
`display`	`resolved`	`null`

Catalog examples

Example class	Expected declarations
`inline-table`	`display: inline-table`

list-item

Field	Value
Catalog identifier	`v1.list-item`
Class pattern	`list-item`
Grammar	`{"acceptedKinds":["exact"],"arbitraryProperty":null,"allowsFractionSlash":false,"allowsColorOpacity":false}`
Accepted values	`1`
Token categories	No token category
Negative-value policy	`forbidden`
Conflict group and rank	`display` (`1`)
Order rank	`0`
Selector shape	`ownElement`
Spec version	`1`
Emitter properties	`display`

Accepted values

Kind	Suffix	Emitted value
`exact`	`null`	`"list-item"`

Declaration templates

Property	Value kind	Fixed value
`display`	`resolved`	`null`

Catalog examples

Example class	Expected declarations
`list-item`	`display: list-item`

table

Field	Value
Catalog identifier	`v1.table`
Class pattern	`table`
Grammar	`{"acceptedKinds":["exact"],"arbitraryProperty":null,"allowsFractionSlash":false,"allowsColorOpacity":false}`
Accepted values	`1`
Token categories	No token category
Negative-value policy	`forbidden`
Conflict group and rank	`display` (`1`)
Order rank	`0`
Selector shape	`ownElement`
Spec version	`1`
Emitter properties	`display`

Accepted values

Kind	Suffix	Emitted value
`exact`	`null`	`"table"`

Declaration templates

Property	Value kind	Fixed value
`display`	`resolved`	`null`

Catalog examples

Example class	Expected declarations
`table`	`display: table`

table-caption

Field	Value
Catalog identifier	`v1.table-caption`
Class pattern	`table-caption`
Grammar	`{"acceptedKinds":["exact"],"arbitraryProperty":null,"allowsFractionSlash":false,"allowsColorOpacity":false}`
Accepted values	`1`
Token categories	No token category
Negative-value policy	`forbidden`
Conflict group and rank	`display` (`1`)
Order rank	`0`
Selector shape	`ownElement`
Spec version	`1`
Emitter properties	`display`

Accepted values

Kind	Suffix	Emitted value
`exact`	`null`	`"table-caption"`

Declaration templates

Property	Value kind	Fixed value
`display`	`resolved`	`null`

Catalog examples

Example class	Expected declarations
`table-caption`	`display: table-caption`

table-cell

Field	Value
Catalog identifier	`v1.table-cell`
Class pattern	`table-cell`
Grammar	`{"acceptedKinds":["exact"],"arbitraryProperty":null,"allowsFractionSlash":false,"allowsColorOpacity":false}`
Accepted values	`1`
Token categories	No token category
Negative-value policy	`forbidden`
Conflict group and rank	`display` (`1`)
Order rank	`0`
Selector shape	`ownElement`
Spec version	`1`
Emitter properties	`display`

Accepted values

Kind	Suffix	Emitted value
`exact`	`null`	`"table-cell"`

Declaration templates

Property	Value kind	Fixed value
`display`	`resolved`	`null`

Catalog examples

Example class	Expected declarations
`table-cell`	`display: table-cell`

table-column

Field	Value
Catalog identifier	`v1.table-column`
Class pattern	`table-column`
Grammar	`{"acceptedKinds":["exact"],"arbitraryProperty":null,"allowsFractionSlash":false,"allowsColorOpacity":false}`
Accepted values	`1`
Token categories	No token category
Negative-value policy	`forbidden`
Conflict group and rank	`display` (`1`)
Order rank	`0`
Selector shape	`ownElement`
Spec version	`1`
Emitter properties	`display`

Accepted values

Kind	Suffix	Emitted value
`exact`	`null`	`"table-column"`

Declaration templates

Property	Value kind	Fixed value
`display`	`resolved`	`null`

Catalog examples

Example class	Expected declarations
`table-column`	`display: table-column`

table-column-group

Field	Value
Catalog identifier	`v1.table-column-group`
Class pattern	`table-column-group`
Grammar	`{"acceptedKinds":["exact"],"arbitraryProperty":null,"allowsFractionSlash":false,"allowsColorOpacity":false}`
Accepted values	`1`
Token categories	No token category
Negative-value policy	`forbidden`
Conflict group and rank	`display` (`1`)
Order rank	`0`
Selector shape	`ownElement`
Spec version	`1`
Emitter properties	`display`

Accepted values

Kind	Suffix	Emitted value
`exact`	`null`	`"table-column-group"`

Declaration templates

Property	Value kind	Fixed value
`display`	`resolved`	`null`

Catalog examples

Example class	Expected declarations
`table-column-group`	`display: table-column-group`

table-footer-group

Field	Value
Catalog identifier	`v1.table-footer-group`
Class pattern	`table-footer-group`
Grammar	`{"acceptedKinds":["exact"],"arbitraryProperty":null,"allowsFractionSlash":false,"allowsColorOpacity":false}`
Accepted values	`1`
Token categories	No token category
Negative-value policy	`forbidden`
Conflict group and rank	`display` (`1`)
Order rank	`0`
Selector shape	`ownElement`
Spec version	`1`
Emitter properties	`display`

Accepted values

Kind	Suffix	Emitted value
`exact`	`null`	`"table-footer-group"`

Declaration templates

Property	Value kind	Fixed value
`display`	`resolved`	`null`

Catalog examples

Example class	Expected declarations
`table-footer-group`	`display: table-footer-group`

table-header-group

Field	Value
Catalog identifier	`v1.table-header-group`
Class pattern	`table-header-group`
Grammar	`{"acceptedKinds":["exact"],"arbitraryProperty":null,"allowsFractionSlash":false,"allowsColorOpacity":false}`
Accepted values	`1`
Token categories	No token category
Negative-value policy	`forbidden`
Conflict group and rank	`display` (`1`)
Order rank	`0`
Selector shape	`ownElement`
Spec version	`1`
Emitter properties	`display`

Accepted values

Kind	Suffix	Emitted value
`exact`	`null`	`"table-header-group"`

Declaration templates

Property	Value kind	Fixed value
`display`	`resolved`	`null`

Catalog examples

Example class	Expected declarations
`table-header-group`	`display: table-header-group`

table-row

Field	Value
Catalog identifier	`v1.table-row`
Class pattern	`table-row`
Grammar	`{"acceptedKinds":["exact"],"arbitraryProperty":null,"allowsFractionSlash":false,"allowsColorOpacity":false}`
Accepted values	`1`
Token categories	No token category
Negative-value policy	`forbidden`
Conflict group and rank	`display` (`1`)
Order rank	`0`
Selector shape	`ownElement`
Spec version	`1`
Emitter properties	`display`

Accepted values

Kind	Suffix	Emitted value
`exact`	`null`	`"table-row"`

Declaration templates

Property	Value kind	Fixed value
`display`	`resolved`	`null`

Catalog examples

Example class	Expected declarations
`table-row`	`display: table-row`

table-row-group

Field	Value
Catalog identifier	`v1.table-row-group`
Class pattern	`table-row-group`
Grammar	`{"acceptedKinds":["exact"],"arbitraryProperty":null,"allowsFractionSlash":false,"allowsColorOpacity":false}`
Accepted values	`1`
Token categories	No token category
Negative-value policy	`forbidden`
Conflict group and rank	`display` (`1`)
Order rank	`0`
Selector shape	`ownElement`
Spec version	`1`
Emitter properties	`display`

Accepted values

Kind	Suffix	Emitted value
`exact`	`null`	`"table-row-group"`

Declaration templates

Property	Value kind	Fixed value
`display`	`resolved`	`null`

Catalog examples

Example class	Expected declarations
`table-row-group`	`display: table-row-group`