Box Borders
You can set the style of borders surrounding boxes. Fine-tune border design, width, color, and more. Adding borders to boxes helps clearly separate content and add design accents.
Setting Width
Set border width in the center of the panel. You can set all four sides together or adjust each side individually.
Setting Style
Choose from straight, wavy, dotted, or double lines based on your needs. Hover over [Style] in the panel to display available styles.
Setting Colors
Saved Colors
Frequently used colors can be registered as My Colors in the color palette. When opacity is set, both the base color and the color with opacity are shown with a slash.
Unregistered colors can be added to My Colors by clicking [+].
RGBA Values and HEX Codes
You can specify colors using RGBA values or HEX codes. Switch between them using the button to the right of the values.
Color Picker
The color picker allows you to extract any color from the screen.
Transparent (No Fill)
Use this when you want to make the border color transparent (no fill).
Configuration Steps
1. Select Box
Select the box where you want to set borders. To select multiple boxes: Hold Shift while clicking multiple boxes.
2. Configure from Border
Hover over [Border] in the style bar at the top of the editor. Set border location, style, and color.
