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