Object

StrokeStyle

The object for defining the color, width, and style of a border or divider.

Properties

color

The stroke color.

style
string

Defines the style of the stroke. Valid values:

  • solid (default): A solid stroke _______

  • dashed: A dashed stroke – – – – –

  • dotted: A dotted stroke ••••••••

width
*

The width of the stroke line. Can be either a number in points, or a string according to Specifying Measurements for Components.

Discussion

You can specify the color, width, and style (solid, dashed, or dotted) of a stroke. Such strokes have many uses, including component borders and divider components.

This object can be used in Border, Divider, TableRowStyle, TableColumnStyle, ConditionalTableRowStyle, and ConditionalTableColumnStyle.

Example

{ "components": [ { "role": "divider", "stroke": { "color": "black", "width": 1 } } ]}

See Also

Component Style Basics

Defining a Component Style

Set style options for the components in your article.

object ComponentStyle

The object for setting style properties for components, including background color and fill, borders, and table styles.

object CornerMask

The object for creating rounded corners.

object Border

The object for setting borders for component sides or tables.