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>`	LightDark`light-dark(#273540, #F2F4F5)`
`--instui-component-table-head-font-weight`	`<integer>`	`600`
`--instui-component-table-row-header-background`	`<color>`	LightDark`light-dark(#ffffff, #10141A)`
`--instui-component-table-row-header-color`	`<color>`	LightDark`light-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`