Border Style Interfaces
IBlurBorderOptions Interface
The IBlurBorderOptions interface defines the properties for configuring a blurred border effect. It includes attributes for specifying the border color and border width, just make sure that valid CSS values are used.
| Property | Types | Description |
|---|---|---|
| borderColor | string | Specifies the color of the border. Must be a valid CSS color value (e.g., 'red', '#ff0000', 'rgba(255, 0, 0, 1)'). |
| borderWidth | string | Specifies the width of the border. Must be a valid CSS width value (e.g., '1px', '2em', '50%'). |
IDisjointedBorderOptions Interface
The IDisjointedBorderOptions interface defines the properties for creating a disjointed border effect. It includes options for specifying the angle and color of the border, just make sure that valid CSS values are used.
| Property | Types | Description |
|---|---|---|
| angle | string | Specifies the angle of the disjointed border. Must be a valid CSS angle value (e.g., '45deg', '90rad', '1turn'). Optional. |
| borderColor | string | Specifies the color of the disjointed border. Must be a valid CSS color value (e.g., 'red', '#ff0000', 'rgba(255, 0, 0, 1)'). Optional. |
IGradientBorderOptions Interface
Extends: BorderWidthOptional
The IGradientBorderOptions interface defines the properties for creating a gradient border effect. It includes options for specifying the angle and an array of colors that will form the gradient.
| Property | Types | Description |
|---|---|---|
| angle | string | Specifies the angle of the gradient border. Must be a valid CSS angle value (e.g., '45deg', '90rad', '1turn'). Optional. |
| colors | string[] | An array of color values for the gradient. Each color must be a valid CSS color value (e.g., 'red', '#ff0000', 'rgba(255, 0, 0, 1)') or you can also add a stop to the color after it's name ( eg., 'red 50%', orange 50%' ). Optional. |
IInsetBorderOptions Interface
Extends: BorderWidthOptional
The IInsetBorderOptions interface defines properties for configuring inset borders. It includes options for specifying the border offset and style.
| Property | Types | Description |
|---|---|---|
| borderOffset | string | Specifies the offset of the inset border. Must be a valid CSS unit value (e.g., '10px', '2em', '5%'). Optional. |
| borderStyle | CommonBorderStyles | Specifies the style of the border. Must be one of the predefined common border styles (e.g., 'solid', 'dashed', 'dotted'). Optional. |
IStripeBorderOptions Interface
Extends: BorderWidthOptional
The IStripeBorderOptions interface defines properties for configuring striped borders. It includes options for specifying the width of each stripe and the colors used in the border.
| Property | Types | Description |
|---|---|---|
| stripeWidth | string | Specifies the width of each stripe in the border. Must be a valid CSS unit value (e.g., '5px', '2em', '10%'). Optional. |
| colors | string[] | An array of color values for the stripes. Each color must be a valid CSS color value (e.g., 'red', '#ff0000', 'rgba(255, 0, 0, 1)'). Optional. |
IThinBorder Interface
The IThinBorder interface defines properties for configuring a thin border. It includes options for specifying the border color, the side on which the border is applied, and its outset.
| Property | Types | Description |
|---|---|---|
| color | string | Specifies the color of the thin border. Must be a valid CSS color value (e.g., 'blue', '#0000FF', 'rgba(0, 0, 255, 1)'). Optional. |
| side | ThinBorderSides | Specifies which side the thin border should be applied to. Can be one of the following: 'top', 'right', 'bottom', 'left', 'horizontal', or 'vertical'. Optional. |
| outset | string | Specifies the outset or offset of the thin border. Must be a valid CSS unit value (e.g., '1px', '2em', '3%'). Optional. |