The Border Control feature within ABC allows for intricate border styling on your Gutenberg blocks. You can define borders to frame your content, giving it structure and drawing attention to key areas of your site.
Customizable Border Settings Include:
- Size: Uniformly set the thickness of your border on all four sides, with the ability to enter a specific value for the desired width.
- Style: Choose the style of the border from options like solid, dotted, dashed, and more to match the design of your site.
- Border Color: Select any color for your border, complementing the block’s overall look or creating a contrast that pops.
- Radius: Round the corners of your border by setting a radius value. You can set the same radius for all corners or specify different values for the top-left, top-right, bottom-right, and bottom-left corners for custom shapes.
- Units: ABC’s Border Control offers the flexibility to set border radius using various units, such as pixels (px), em, or percentage (%), allowing for responsive design that adapts to different screen sizes.
Hover State Customization: In addition to static border settings, ABC provides options to apply different border styles on hover. You can create an interactive user experience by changing border color, width, or even style when a user hovers over a block.
Individual Side Customization: For detailed border design, you can individually adjust the size and style for each side of the block’s border. This enables the creation of unique and asymmetrical border designs, further enhancing the block’s visual appeal.
The Border Control tool in ABC equips you with a diverse set of options to style your blocks’ borders, from subtle accents to prominent outlines, ensuring your content stands out effectively. With the added flexibility of hover effects and individual side customization, your borders can become dynamic elements that contribute to the interactivity and sophistication of your site’s design.
