The following styles can be configured for the card from the Styles tab:
Style |
Description |
---|---|
height |
Defines the height of the card. The value entered can be one of the following units of measure:
|
width |
Defines the width of the card. The value entered can be one of the following units of measure:
|
--card-background-color |
This option allows you to select the background color of the card. Click on the ellipsis (...) button to access a color picker to select the color. |
--card-background-image |
This option allows you to set a background image for the card. You can enter a link to the image from your local machine or a hyperlink. |
--card-background-position |
This option allows you to set the position of the background image. |
--card-background-repeat |
This option allows you to set whether the background image should repeat itself in the available card space. Possible values:
You can use two-value syntax, where the first value represents the horizontal repetition, and the second value represents the vertical repetition. The following is an example for an image which will be repeated horizontally and not repeated vertically:repeat no-repeat |
--card-border-radius |
This option allows you to define how much the corners of the card are rounded. The value can be defined with:
The value entered can be one of the following units of measure:
|
--card-label-font-color |
This option allows you to select the color of the card label's text. Click on the ellipsis (...) button to access a color picker to select the color. |
--card-label-font-size |
This option allows you to specify the size of the card label text. The value entered can be one of the following units of measure:
|
--card-label-font-weight |
This option allows you to specify whether the card label's text is normal or bold. |
When properties can be configured on both the General and Styles tabs, the property changes will be properly displayed on both tabs.