Bordex Border Styles API
addBlurBorder()
Returns: HTMLElement - return the HTMLElement passed as the first argument
Description:
Applies a blur border style to the specified element and returns that element.
| Property | Types | Description |
|---|---|---|
| element | HTMLElement | The element to add the blur border |
| borderOptions | IBlurBorderOptions | Optional design properties like borderColor or borderWidth |
addCornerBorder()
Returns: HTMLDivElement - A div element that wraps the target element with a blur border applied.
Description:
Applies a corner border style to the specified element and returns a new div element that wraps around the original element or the element provided.
| Property | Types | Description |
|---|---|---|
| element | HTMLElement | The element to add the corner border |
| borderOptions | IShortHandBorderOptions | Optional design property like borderColor or borderStyle |
| className | string | Optional class name to add to the border wrapper element |
addDisjointedBorder()
Returns: HTMLDivElement - A div element that wraps the target element with a blur border applied.
Description:
Applies a disjointed border style to the specified element and returns a new div element that wraps around the original element or the element provided.
| Property | Types | Description |
|---|---|---|
| element | HTMLElement | The element to add the disjointed border |
| borderOptions | IDisjointedBorderOptions | Optional design property like angle or borderColor |
| className | string | Optional class name to add to the border wrapper element |
addFancyBorder()
Returns: HTMLDivElement - A div element that wraps the target element with a blur border applied.
Description:
Applies a faancy border style to the specified element and returns a new div element that wraps around the original element or the element provided.
| Property | Types | Description |
|---|---|---|
| element | HTMLElement | The element to add the fancy border |
| borderOptions | IShortHandBorderOptions | Optional design property like borderColor or borderWidth |
| className | string | Optional class name to add to the border wrapper element |
addGenericBorder()
Returns: HTMLElement - return the HTMLElement passed as the first argument
Description:
Applies a generic border style to the specified element and returns that element.
| Property | Types | Description |
|---|---|---|
| element | HTMLElement | The element to add the generic border |
| borderStyle | CommonBorderStyles | Optional design property like borderColor or borderWidth |
| borderOptions | BorderOptionsOptional | Optional design property like borderColor or borderWidth |
addGradientBorder()
Returns: HTMLDivElement - A div element that wraps the target element with a gradient border applied.
Description:
Applies a gradient border style to the specified element and returns a new div element that wraps around the original element or the element provided.
| Property | Types | Description |
|---|---|---|
| element | HTMLElement | The element to add the gradient border |
| borderOptions | IGradientBorderOptions | Optional design property like angle or colors of the gradient |
| className | string | Optional class name to add to the border wrapper element |
addInsetBorder()
Returns: HTMLDivElement - A div element that wraps the target element with an inset border applied.
Description:
Applies an inset border style to the specified element and returns a new div element that wraps around the original element or the element provided.
| Property | Types | Description |
|---|---|---|
| element | HTMLElement | The element to add the inset border |
| borderOptions | IInsetBorderOptions | Optional design property like borderOffset or borderStyle |
| className | string | Optional class name to add to the border wrapper element |
addOverlapBorder()
Returns: HTMLDivElement - A div element that wraps the target element with an overlap border applied.
Description:
Applies an overlap border style to the specified element and returns a new div element that wraps around the original element or the element provided.
| Property | Types | Description |
|---|---|---|
| element | HTMLElement | The element to add the overlap border |
| borderOptions | FullBorderOptions | Optional design property like borderColor or borderStyle |
| className | string | Optional class name to add to the border wrapper element |
addStripeBorder()
Returns: HTMLDivElement - A div element that wraps the target element with a stripe border applied.
Description:
Applies a stripe border style to the specified element and returns a new div element that wraps around the original element or the element provided.
| Property | Types | Description |
|---|---|---|
| element | HTMLElement | The element to add the stripe border |
| borderOptions | IStripeBorderOptions | Optional design property like stripeWidth or colors of the stripe |
| className | string | Optional class name to add to the border wrapper element |
addThinBorder()
Returns: HTMLDivElement - A div element that wraps the target element with a thin border applied.
Description:
Applies a thin border style to the specified element and returns a new div element that wraps around the original element or the element provided.
| Property | Types | Description |
|---|---|---|
| element | HTMLElement | The element to add the thin border |
| borderOptions | IThinBorder | Optional design property like color of the thin border or the side to apply the thin border |
| className | string | Optional class name to add to the border wrapper element |