> For the complete documentation index, see [llms.txt](https://docs.satsterminal.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.satsterminal.com/trade/custom-widgets/basic-settings/border.md).

# Border

### **Overiew**

The **Border Panel** affects the edges of all four panels and button of the widget.

  The orange area shows what the Border Panel affects

### **Custom and None Custom**

If you do not wish to have borders, click **None** and disregard the rest of this page.

If you would like borders, click **Custom** and follow the rest of this tutorial.

![](https://satsterminal.gitbook.io/sats-terminal/~gitbook/image?url=https%3A%2F%2F1880084340-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F4IScksOJO01V2XNJnWQQ%252Fuploads%252Fv6vp35JW1mZa9XLgRJK4%252FScreenshot%25202025-01-19%2520at%25201.08.07%2520PM.png%3Falt%3Dmedia%26token%3D54dec655-6170-4aa6-9a97-241e108b8bfc\&width=768\&dpr=4\&quality=100\&sign=e243228e\&sv=2)

### **Border Color**

**Border Color** affects the color of the border.

![](https://satsterminal.gitbook.io/sats-terminal/~gitbook/image?url=https%3A%2F%2F1880084340-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F4IScksOJO01V2XNJnWQQ%252Fuploads%252FBR4tLIoAiFEOxGbyOZ61%252Fborder_color.jpg%3Falt%3Dmedia%26token%3D631b6c96-b644-4d31-8cca-961ba838e93d\&width=768\&dpr=4\&quality=100\&sign=34cc00be\&sv=2)

Like the previous **Colors Panel**, you can customize colors by using the **Color Selection Panel**, **HEX Codes**, **RGB Codes**, and **Eye Dropper** selection.

![](https://satsterminal.gitbook.io/sats-terminal/~gitbook/image?url=https%3A%2F%2F1880084340-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F4IScksOJO01V2XNJnWQQ%252Fuploads%252FMxkpn96WpHFyIWp1StsB%252Fcolor_selection.jpg%3Falt%3Dmedia%26token%3De7a016a0-0b8f-4485-bd30-6b2aa80635bd\&width=768\&dpr=4\&quality=100\&sign=c77dfc5f\&sv=2)

### **Border Width**

**Border Width** affects the width of the border line.

![](https://satsterminal.gitbook.io/sats-terminal/~gitbook/image?url=https%3A%2F%2F1880084340-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F4IScksOJO01V2XNJnWQQ%252Fuploads%252FWF967CrJBFSrOhOq3wze%252Fborder_width.jpg%3Falt%3Dmedia%26token%3D9e563793-725d-40e4-bdbd-3ba06d0834ab\&width=768\&dpr=4\&quality=100\&sign=99663f92\&sv=2)

### **Border Radius**

**Border Radius** affects the roundness of the corners.

![](https://satsterminal.gitbook.io/sats-terminal/~gitbook/image?url=https%3A%2F%2F1880084340-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F4IScksOJO01V2XNJnWQQ%252Fuploads%252F5VrUHpm5pJhhoagBuoys%252Fborder_radius.jpg%3Falt%3Dmedia%26token%3Dcffa883d-58e1-423a-81b7-b52a4601aa3f\&width=768\&dpr=4\&quality=100\&sign=dc1dbc2c\&sv=2)

**A value of 0** leaves a sharp right angle corner **∟.**

**A value greater than 1** leaves a round corner ⊂. The higher the number, the more round it gets.