zinggrid/docs_output/elements/css/zg-head-cell-api-css-vars.json

ZingGrid - A fully-featured, native, web-component, data table and grid for Javascript applications.

[{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-parent-color","name":"--zg-head-cell-parent-color","description":"Sets the font color of parent head cells","demoLink":"https://app.zingsoft.com/demos/create/0Z3W1AR3","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"var(--zg-head-cell-color)","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-background","name":"--zg-head-cell-background","description":"Styles the background of head cells","demoLink":"https://app.zingsoft.com/demos/create/5217Z4FJ","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"transparent","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-border-bottom","name":"--zg-head-cell-border-bottom","description":"Styles the bottom border of head cells","demoLink":"https://app.zingsoft.com/demos/create/DGH901RE","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-head-cell-border, 0)","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-border-left","name":"--zg-head-cell-border-left","description":"Styles the left border of head cells","demoLink":"https://app.zingsoft.com/demos/create/YCA4IWR7","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-head-cell-border, 0)","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-border-right","name":"--zg-head-cell-border-right","description":"Styles the right border of head cells","demoLink":"https://app.zingsoft.com/demos/create/04L65K0J","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-head-cell-border, 0)","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-border-top","name":"--zg-head-cell-border-top","description":"Styles the top border of head cells","demoLink":"https://app.zingsoft.com/demos/create/8M5QYK55","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-head-cell-border, 0)","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-color","name":"--zg-head-cell-color","description":"Sets the font color of head cells","demoLink":"https://app.zingsoft.com/demos/create/MOTKNFI7","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"Browser's default value","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-font-family","name":"--zg-head-cell-font-family","description":"Sets the font family of head cells","demoLink":"https://app.zingsoft.com/demos/create/O1EIWZE1","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-family","default":"Browser's default value","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-font-size","name":"--zg-head-cell-font-size","description":"Sets the font size of head cells","demoLink":"https://app.zingsoft.com/demos/create/UWQF6LZV","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-size","default":"Browser's default value","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-font-weight","name":"--zg-head-cell-font-weight","description":"Sets the font weight of head cells","demoLink":"https://app.zingsoft.com/demos/create/2LOCXCAB","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-weight","default":"Browser's default value","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-padding","name":"--zg-head-cell-padding","description":"Sets the padding of head cells","demoLink":"https://app.zingsoft.com/demos/create/YEEKXD9Z","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#padding-properties","default":"Browser's default value","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-transition","name":"--zg-head-cell-transition","description":"Sets the transition of head cells","demoLink":"https://app.zingsoft.com/demos/create/5VYSMZ3T","cssRefLink":"https://www.w3.org/TR/css-transitions-1/","default":"Browser's default value","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-background_hover","name":"--zg-head-cell-background_hover","description":"Styles the background of head cells on hover","demoLink":"https://app.zingsoft.com/demos/create/I05OFWBJ","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"var(--zg-head-cell-background","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-color_hover","name":"--zg-head-cell-color_hover","description":"Sets the font color of head cells on hover","demoLink":"https://app.zingsoft.com/demos/create/ICS004MX","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"var(--zg-head-cell-color)","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-parent-background","name":"--zg-head-cell-parent-background","description":"Styles the background of parent head cells","demoLink":"https://app.zingsoft.com/demos/create/34TZMCUN","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"var(--zg-head-cell-background)","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-parent-border","name":"--zg-head-cell-parent-border","description":"Styles the border of parent head cells","demoLink":"https://app.zingsoft.com/demos/create/J34P5J1C","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-head-cell-border-bottom, var(--zg-head-cell-border, 1px solid var(--theme-border-color)))","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-parent-border-bottom","name":"--zg-head-cell-parent-border-bottom","description":"Styles the bottom border of parent head cells","demoLink":"https://app.zingsoft.com/demos/create/B0M2Q9JO","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-head-cell-parent-border, var(--zg-head-cell-border-bottom, var(--zg-head-cell-border, 1px solid var(--theme-border-color))))","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-parent-border-left","name":"--zg-head-cell-parent-border-left","description":"Styles the left border of parent head cells","demoLink":"https://app.zingsoft.com/demos/create/8HS4D09Y","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-head-cell-parent-border, var(--zg-head-cell-border-left, var(--zg-head-cell-border)))","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-parent-border-right","name":"--zg-head-cell-parent-border-right","description":"Styles the right border of parent head cells","demoLink":"https://app.zingsoft.com/demos/create/J0AQFH0Z","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-head-cell-parent-border, var(--zg-head-cell-border-right, var(--zg-head-cell-border)))","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-parent-border-top","name":"--zg-head-cell-parent-border-top","description":"Styles the top border of parent head cells","demoLink":"https://app.zingsoft.com/demos/create/ECL23JR1","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-head-cell-parent-border, var(--zg-head-cell-border-top, var(--zg-head-cell-border)))","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-border","name":"--zg-head-cell-border","description":"Styles the border of head cells","demoLink":"https://app.zingsoft.com/demos/create/SX3TZT8V","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"0","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-parent-font-size","name":"--zg-head-cell-parent-font-size","description":"Sets the font-size of parent head cells","demoLink":"https://app.zingsoft.com/demos/create/8BVKTKQO","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-size","default":"var(--zg-head-cell-font-size)","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-parent-font-weight","name":"--zg-head-cell-parent-font-weight","description":"Sets the font weight of parent head cells","demoLink":"https://app.zingsoft.com/demos/create/T658V69Y","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-weight","default":"var(--zg-h -cell-font-weight)","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-parent-padding","name":"--zg-head-cell-parent-padding","description":"Sets the padding of parent head cells","demoLink":"https://app.zingsoft.com/demos/create/JAH3NI1F","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#padding-properties","default":"var(--zg-head-cell-padding)","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-parent-background_hover","name":"--zg-head-cell-parent-background_hover","description":"Styles the background of parent head cells on hover","demoLink":"https://app.zingsoft.com/demos/create/Y16SOZ0Y","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"var(--zg-head-cell-background_hover)","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-parent-color_hover","name":"--zg-head-cell-parent-color_hover","description":"Sets the font color of parent head cells on hover","demoLink":"https://app.zingsoft.com/demos/create/YSGAZGLF","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"var(--zg-head-cell-color_hover, var(--zg-head-cell-color))","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-background_sorted","name":"--zg-head-cell-background_sorted","description":"Styles the background of sorted head cells","demoLink":"https://app.zingsoft.com/demos/create/F7W6O5Y8","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"inherit","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-border_sorted","name":"--zg-head-cell-border_sorted","description":"Styles the border of sorted head cells","demoLink":"https://app.zingsoft.com/demos/create/NJHYC5BT","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"0","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-border-bottom_sorted","name":"--zg-head-cell-border-bottom_sorted","description":"Styles the bottom border of sorted head cells","demoLink":"https://app.zingsoft.com/demos/create/7J8IXN3Q","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-head-cell-border_sorted, 0)","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-border-left_sorted","name":"--zg-head-cell-border-left_sorted","description":"Styles the left border of sorted head cells","demoLink":"https://app.zingsoft.com/demos/create/86HPGI9W","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-head-cell-border_sorted, 0)","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-border-right_sorted","name":"--zg-head-cell-border-right_sorted","description":"Styles the right border of sorted head cells","demoLink":"https://app.zingsoft.com/demos/create/PUMKY3AA","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-head-cell-border_sorted, 0)","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-border-top_sorted","name":"--zg-head-cell-border-top_sorted","description":"Styles the top border of sorted head cells","demoLink":"https://app.zingsoft.com/demos/create/CGQ6DGYI","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-head-cell-border_sorted, 0)","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-color_sorted","name":"--zg-head-cell-color_sorted","description":"Sets the font color of sorted head cells","demoLink":"https://app.zingsoft.com/demos/create/XZEPKE31","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"var(--zg-head-cell-color)","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-background_sorted_hover","name":"--zg-head-cell-background_sorted_hover","description":"Styles the background of sorted head cells on hover","demoLink":"https://app.zingsoft.com/demos/create/A4RMGO6M","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"var(--zg-head-cell-background_sorted, inherit)","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-border-bottom_sorted_hover","name":"--zg-head-cell-border-bottom_sorted_hover","description":"Styles the bottom border of sorted head cells on hover","demoLink":"https://app.zingsoft.com/demos/create/9NEF2EKA","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-head-cell-border-bottom_sorted, var(--zg-head-cell-border_sorted, 0))","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-border-left_sorted_hover","name":"--zg-head-cell-border-left_sorted_hover","description":"Styles the left border of sorted head cells on hover","demoLink":"https://app.zingsoft.com/demos/create/U7Q6173N","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-head-cell-border-left_sorted, var(--zg-head-cell-border_sorted, 0))","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-color_sorted_hover","name":"--zg-head-cell-color_sorted_hover","description":"Sets the font color of sorted head cells on hover","demoLink":"https://app.zingsoft.com/demos/create/FKHQA0MI","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"var(--zg-head-cell-color_sorted, var(--zg-head-cell-color))","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-justify-content","name":"--zg-head-cell-justify-content","description":"Sets the horizontal alignment of contents in head cells","demoLink":"https://app.zingsoft.com/demos/create/M1I5BGRD","cssRefLink":"https://www.w3.org/TR/css-flexbox-1/#propdef-justify-content","default":"Browser's default value","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-icon-margin","name":"--zg-head-cell-icon-margin","description":"Sets the margin of child icons in head cells","demoLink":"https://app.zingsoft.com/demos/create/GGPPE0Q1","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#margin-properties","default":"Browser's default value","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-icon-margin","name":"--zg-head-cell-icon-margin","description":"Sets the margin of child icons in head cells","demoLink":"https://app.zingsoft.com/demos/create/GGPPE0Q1","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#margin-properties","default":"Browser's default value","tagName":"zg-head-cell","category":"CSS Variable"},{"memberof":"ZGHeadCell","fullName":"zg-head-cell--zg-head-cell-icon-color_sorted","name":"--zg-head-cell-icon-color_sorted","description":"Sets the fill color of icon in sorted head cells","demoLink":"https://app.zingsoft.com/demos/create/I4QTA64O","cssRefLink":"https://www.w3.org/TR/fill-stroke-3/#propdef-fill","default":"var(--theme-color)","tagName":"zg-head-cell","category":"CSS Variable"}]