Skip to content

CSS: table.row-header

th[scope="row"] — یک سلول سربرگ سطر (InstUI Table.RowHeader); با استفاده از توکن‌های سربرگ سطر استایل‌دهی شده است، نه توکن‌های سربرگ ستون.

مدیفایر -layout-stacked والد table، این عضو را به‌صورت یک بلوک چینش می‌کند و آن را از طریق ::before برچسب‌گذاری می‌کند — برای آن مدیفایر، سند خودِ table را ببینید.

نحوه استفاده

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

نیمه‌عناصر (Pseudo-elements)

نیمه‌عنصرتوضیحات
::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