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