Skip to content

CSS: table.row-header ​

th[scope="row"] — 一個列標頭儲存格(InstUI Table.RowHeader);樣式來自列標頭代幣,而非欄標頭代幣。

父層 table 的 -layout-stacked 修飾器會將此成員堆疊為區塊,並透過 ::before 加上標籤 — 有關該修飾器,請參見 table 的文件。

使用方法 ​

css
@import "@pantoken/components/components.css";
@import "@pantoken/components/table.row-header.css";

偽元素 ​

偽元素說明
::before—

已使用的代幣 ​

Token型別值
--instui-component-table-col-header-color<color>LightDarklight-dark(#273540, #F2F4F5)
--instui-component-table-head-font-weight<integer>600
--instui-component-table-row-header-background<color>LightDarklight-dark(#ffffff, #10141A)
--instui-component-table-row-header-color<color>LightDarklight-dark(#273540, #F2F4F5)
--instui-component-table-row-header-font-weight<integer>400
--instui-component-table-row-header-line-height<percentage>125%
--instui-component-table-row-header-padding-horizontal<length>0.75rem
--instui-component-table-row-header-padding-vertical<length>0.5rem