zinggrid/docs_output/elements/css/zg-caption-api-css-vars.json

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

[{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-title-font-size","name":"--zg-caption-title-font-size","description":"Sets the font size of caption title","demoLink":"https://app.zingsoft.com/demos/create/957S8V57","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-size","default":"inherit","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-background","name":"--zg-caption-background","description":"Styles the background of caption","demoLink":"https://app.zingsoft.com/demos/create/6U2SY2K5","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"Browser's default value","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-border-bottom","name":"--zg-caption-border-bottom","description":"Styles the bottom border of caption","demoLink":"https://app.zingsoft.com/demos/create/99JLBVYH","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-caption-border, 0)","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-border-left","name":"--zg-caption-border-left","description":"Styles the left border of caption","demoLink":"https://app.zingsoft.com/demos/create/FWLLXIJ5","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-caption-border, 0)","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-border-right","name":"--zg-caption-border-right","description":"Styles the right border of caption","demoLink":"https://app.zingsoft.com/demos/create/52JW357J","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-caption-border, 0)","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-border-top","name":"--zg-caption-border-top","description":"Styles the top border of caption","demoLink":"https://app.zingsoft.com/demos/create/NZ37Y0WR","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-caption-border, 0)","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-border-radius","name":"--zg-caption-border-radius","description":"Applies a border-radius to the caption","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#the-border-radius","default":"0","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-box-shadow","name":"--zg-caption-box-shadow","description":"Applies a box shadow behind caption","demoLink":"https://app.zingsoft.com/demos/create/NGD7EIQQ","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#propdef-box-shadow","default":"none","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-color","name":"--zg-caption-color","description":"Sets the font color of caption","demoLink":"https://app.zingsoft.com/demos/create/AWL1ZJ9P","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"Browser's default value","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-font-family","name":"--zg-caption-font-family","description":"Sets the font family of caption","demoLink":"https://app.zingsoft.com/demos/create/AIW2OSGY","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-family","default":"Browser's default value","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-font-size","name":"--zg-caption-font-size","description":"Sets the font size of caption","demoLink":"https://app.zingsoft.com/demos/create/GYEK88WP","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-size","default":"1.25rem","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-font-style","name":"--zg-caption-font-style","description":"Sets the font style of caption","demoLink":"https://app.zingsoft.com/demos/create/88F09GZT","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-style","default":"Browser's default value","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-font-weight","name":"--zg-caption-font-weight","description":"Sets the font weight of caption","demoLink":"https://app.zingsoft.com/demos/create/KY56OFL7","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-weight","default":"Browser's default value","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-margin","name":"--zg-caption-margin","description":"Sets the margin of caption","demoLink":"https://app.zingsoft.com/demos/create/4KJK4SH4","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#margin-properties","default":"0","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-opacity","name":"--zg-caption-opacity","description":"Sets the opacity of caption","demoLink":"https://app.zingsoft.com/demos/create/PE0HQJ5R","cssRefLink":"https://www.w3.org/TR/css-color-3/#opacity","default":"Browser's default value","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-padding","name":"--zg-caption-padding","description":"Sets the padding of caption","demoLink":"https://app.zingsoft.com/demos/create/442ELH1B","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#padding-properties","default":"0 var(--theme-padding_x)","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-transition","name":"--zg-caption-transition","description":"Sets the transition of caption","demoLink":"https://app.zingsoft.com/demos/create/NORAG1EP","cssRefLink":"https://www.w3.org/TR/css-transitions-1/","default":"Browser's default value","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-align-items","name":"--zg-caption-align-items","description":"Sets the vertical alignment of items (title and toolbar) in caption","demoLink":"https://app.zingsoft.com/demos/create/CQYPIK1K","cssRefLink":"https://www.w3.org/TR/css-flexbox-1/#align-items-property","default":"center","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-flex-direction","name":"--zg-caption-flex-direction","description":"Sets the flex direction of items (title and toolbar) in caption","demoLink":"https://app.zingsoft.com/demos/create/7OAGC539","cssRefLink":"https://www.w3.org/TR/css-flexbox-1/#flex-direction-property","default":"row","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-height","name":"--zg-caption-height","description":"Sets the height of caption","demoLink":"https://app.zingsoft.com/demos/create/Y3GPK1TE","cssRefLink":"https://www.w3.org/TR/CSS22/visudet.html#propdef-height","default":"Browser's default value","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-title-align-self","name":"--zg-caption-title-align-self","description":"Sets vertical alignment of items in caption title","demoLink":"https://app.zingsoft.com/demos/create/67LXJX3V","cssRefLink":"https://www.w3.org/TR/css-flexbox-1/#propdef-align-self","default":"center","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-title-flex","name":"--zg-caption-title-flex","description":"Sets how items are flexed in caption title","demoLink":"https://app.zingsoft.com/demos/create/ZNF8KZ0Q","cssRefLink":"https://www.w3.org/TR/css-flexbox-1/#flex-property","default":"0 1 auto","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-title-font-family","name":"--zg-caption-title-font-family","description":"Sets the font-family of caption title","demoLink":"https://app.zingsoft.com/demos/create/RSEFCP22","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-family","default":"inherit","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-border","name":"--zg-caption-border","description":"Styles the border of caption","demoLink":"https://app.zingsoft.com/demos/create/0N4C0ECB","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"0","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-title-font-style","name":"--zg-caption-title-font-style","description":"Sets the font style of caption title","demoLink":"https://app.zingsoft.com/demos/create/7998V87T","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-style","default":"inherit","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-title-font-weight","name":"--zg-caption-title-font-weight","description":"Sets the font weight of caption title","demoLink":"https://app.zingsoft.com/demos/create/SL5PZSVT","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-weight","default":"inherit","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-title-margin","name":"--zg-caption-title-margin","description":"Sets the margin of caption title","demoLink":"https://app.zingsoft.com/demos/create/16DIJOGY","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#margin-properties","default":"0","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-title-padding","name":"--zg-caption-title-padding","description":"Sets the padding of caption title","demoLink":"https://app.zingsoft.com/demos/create/ZS07XHPH","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#padding-properties","default":"0","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-title-order","name":"--zg-caption-title-order","description":"Sets the order of caption title with respect to caption toolbar","demoLink":"https://app.zingsoft.com/demos/create/C23FWMV5","cssRefLink":"https://www.w3.org/TR/css-flexbox-1/#order-property","default":"Browser's default value","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-title-text-align","name":"--zg-caption-title-text-align","description":"Sets the text alignment of caption title","demoLink":"https://app.zingsoft.com/demos/create/1598TAUJ","cssRefLink":"https://www.w3.org/TR/css-text-3/#propdef-text-align","default":"inherit","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-title-transform","name":"--zg-caption-title-transform","description":"Sets the transform of caption title","demoLink":"https://app.zingsoft.com/demos/create/3XWSGQ3T","cssRefLink":"https://www.w3.org/TR/css-transforms-1/#transform-property","default":"none","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-title-width","name":"--zg-caption-title-width","description":"Sets the width of caption title","demoLink":"https://app.zingsoft.com/demos/create/072GAQ92","cssRefLink":"https://www.w3.org/TR/css-sizing-3/#propdef-width","default":"100%","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-toolbar-align-self","name":"--zg-caption-toolbar-align-self","description":"Sets vertical alignment of items in caption toolbar","demoLink":"https://app.zingsoft.com/demos/create/S3ZCU3DO","cssRefLink":"https://www.w3.org/TR/css-flexbox-1/#propdef-align-self","default":"Browser's default value","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-toolbar-bottom","name":"--zg-caption-toolbar-bottom","description":"Sets the position from bottom of caption toolbar. To apply, set --zg-caption-toolbar-position.","demoLink":"https://app.zingsoft.com/demos/create/OEH3UY6Q","cssRefLink":"https://www.w3.org/TR/css-position-3/#propdef-bottom","default":"Browser's default value","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-toolbar-justify-content","name":"--zg-caption-toolbar-justify-content","description":"Sets the horizontal alignment of contents in caption toolbar","demoLink":"https://app.zingsoft.com/demos/create/765LB16X","cssRefLink":"https://www.w3.org/TR/css-flexbox-1/#propdef-justify-content","default":"flex-start","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-toolbar-left","name":"--zg-caption-toolbar-left","description":"Sets the left of caption toolbar. To apply, set --zg-caption-toolbar-position.","demoLink":"https://app.zingsoft.com/demos/create/S4O1P9G5","cssRefLink":"https://www.w3.org/TR/css-position-3/#propdef-left","default":"auto","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-toolbar-margin","name":"--zg-caption-toolbar-margin","description":"Sets the margin of caption toolbar","demoLink":"https://app.zingsoft.com/demos/create/KZJX7TLX","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#margin-properties","default":"0","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-toolbar-position","name":"--zg-caption-toolbar-position","description":"Sets the position of caption toolbar","demoLink":"https://app.zingsoft.com/demos/create/QHJA4VIJ","cssRefLink":"https://www.w3.org/TR/css-position-3/#position-property","default":"Browser's default value","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-toolbar-right","name":"--zg-caption-toolbar-right","description":"Sets the right of caption toolbar. To apply, set --zg-caption-toolbar-position.","demoLink":"https://app.zingsoft.com/demos/create/4YMLUW88","cssRefLink":"https://www.w3.org/TR/css-position-3/#propdef-right","default":"auto","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-toolbar-top","name":"--zg-caption-toolbar-top","description":"Sets the top of caption toolbar. To apply, set --zg-caption-toolbar-position.","demoLink":"https://app.zingsoft.com/demos/create/RFUEEGAP","cssRefLink":"https://www.w3.org/TR/css-position-3/#propdef-top","default":"auto","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-toolbar-transform","name":"--zg-caption-toolbar-transform","description":"Sets the transform of caption toolbar","demoLink":"https://app.zingsoft.com/demos/create/CM2ERTMS","cssRefLink":"https://www.w3.org/TR/css-transforms-1/#transform-property","default":"none","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-toolbar-width","name":"--zg-caption-toolbar-width","description":"Sets the width of caption toolbar","demoLink":"https://app.zingsoft.com/demos/create/MGC5Q8CR","cssRefLink":"https://www.w3.org/TR/css-sizing-3/#propdef-width","default":"auto","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-button-background","name":"--zg-caption-button-background","description":"Styles the background of button in caption","demoLink":"https://app.zingsoft.com/demos/create/TJF6WCKE","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"var(--zg-button-background)","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-button-background_focus","name":"--zg-caption-button-background_focus","description":"Styles the background of button in caption when the button is in a `focus` state","demoLink":"https://app.zingsoft.com/demos/create/XPUZZ3LU","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"var(--zg-caption-button-background, var(--zg-button-background))","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-button-background_hover","name":"--zg-caption-button-background_hover","description":"Styles the background of button in caption when the button is in a `hover` state","demoLink":"https://app.zingsoft.com/demos/create/XPUZZ3LU","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"var(--zg-caption-button-background, var(--zg-button-background))","tagName":"zg-caption","category":"CSS Variable"},{"memberof":"ZGCaption","fullName":"zg-caption--zg-caption-button-background_active","name":"--zg-caption-button-background_active","description":"Styles the background of button in caption when the button is in an `active` state","demoLink":"https://app.zingsoft.com/demos/create/XPUZZ3LU","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"var(--zg-caption-button-background, var(--zg-button-background))","tagName":"zg-caption","category":"CSS Variable"}]