Select border styles including dotted, hidden, inset, and more. Full radius controls and box-shadow options let you decide exactly how you want your borders to look on your site.
Border Style
Step 1: Select a border style from the drop-down menu.
![](https://blockstyles.com/wp-content/uploads/2022/04/Screenshot-2022-04-13-135536.png)
Step 2: Select your border width.
![](https://blockstyles.com/wp-content/uploads/2022/04/Screenshot-2022-04-13-140939.png)
Click the link icon to unlink the border sides. You can now customize each border side to a specific width.
![](https://blockstyles.com/wp-content/uploads/2022/04/Screenshot-2022-04-13-143227.png)
Step 3: Select a border color. The default border color is #000000.
![](https://blockstyles.com/wp-content/uploads/2022/04/Screenshot-2022-04-13-141823-1-1024x316.png)
Multiple Borders (Coming soon)
Border Radius
Control the border-radius by inputting a pixel amount.
![](https://blockstyles.com/wp-content/uploads/2022/04/Screenshot-2022-04-13-144003.png)
![](https://blockstyles.com/wp-content/uploads/2022/04/Screenshot-2022-04-13-144526-1-1024x216.png)
Box Shadow
Step 1: Choose between two types for box-shadow – outset or inset.
![](https://blockstyles.com/wp-content/uploads/2022/04/Screenshot-2022-04-13-145639.png)
Step 2: Set your pixels for x-offset and y-offset.
![](https://blockstyles.com/wp-content/uploads/2022/04/Screenshot-2022-04-13-145507-1.png)
Step 3: Customize the blur radius and spread radius.
![](https://blockstyles.com/wp-content/uploads/2022/04/Screenshot-2022-04-13-145913-1-1024x253.png)
Step 4: Select a box shadow color.
![](https://blockstyles.com/wp-content/uploads/2022/04/Screenshot-2022-04-13-150559-1-1024x246.png)
You can clear each section individually with the blue Clear button or clear all border settings with the red Clear All button.
![](https://blockstyles.com/wp-content/uploads/2022/04/Screenshot-2022-04-13-150841-1.png)
Multiple Box Shadow (Coming soon)
Dividers
Fancy section dividers coming soon.
Leave a Reply