The following styles can be configured for the snippet from the Styles tab:
|
Style |
Description |
|---|---|
|
border-color |
In the Style Value column, you can click the ellipsis button and select a color for the border around the snippet. |
|
border-style --snippet-border-style |
In the Style Value column, you can select the line style for the border around the snippet. You can select none, dotted, solid, dashed, double, or inset. |
|
border-width --snippet-border-width |
Enter the value for the width of the border line around the snippet. The value entered can be one of the following units of measure:
The values can be set for all four borders separately, in the following order: top border, right border, bottom border, left border. The following is an example:thin medium thick 10px |
|
height |
Defines the height of the snippet. The value entered can be one of the following units of measure:
|
|
width |
Defines the width of the snippet. The value entered can be one of the following units of measure:
|
|
--snippet-border-color |
This option allows you to select the color of the snippet. Click on the ellipsis (...) button to access a color picker to select the color. |
|
--snippet-border-radius |
This option allows you to define how much the corners of the snippet are rounded. The value can be defined with:
The value entered can be one of the following units of measure:
|
|
--snippet-font-color |
This option allows you to select the color of the snippet text. Click on the ellipsis (...) button to access a color picker to select the color. |
|
--snippet-font-family |
This option allows you to set font family of the snippet text. One or more family can be set, separated by commas. |
|
--snippet-font-size |
This option allows you to specify the size of the snippet. The value entered can be one of the following units of measure:
|
|
--snippet-font-weight |
This option allows you to specify whether the snippet 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.