---
title: "Stylings: Component Borders"
slug: "stylings-component-borders"
updated: 2026-10-20T19:35:43Z
published: 2026-10-20T19:35:43Z
canonical: "docs.blackthorn.io/stylings-component-borders"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.blackthorn.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Stylings: Component Borders

Component Borders controls the border applied to card-style components across the entire page: the same components that receive the Component Shadow. These settings work independently of per-component border overrides.

**Component Borders**

Border Width
Thickness of the border on card components. `0px` removes all borders; `1px` is the standard hairline used in most themes. Increasing width adds visual weight: use sparingly alongside shadows.

Border Style
The CSS border style: **Solid** (most common), Dashed, Dotted, or None. Only visible when Border Width > 0px.

Border Color
Color of the border. Typically set to `--b3` (Base 300) so it automatically shifts when you change themes. Override with any color: a soft neutral or brand tint both work well.

Components Radius
Corner radius applied to **card-style components**: Info Cards, Speaker cards, Sponsor tiles, FAQ panels, and section backgrounds. Common values: `0rem` (sharp), `0.5rem` (default 8px), `1rem` (rounded), `1.5rem` (very rounded). This is separate from Button Radius. You can have pill-shaped buttons alongside sharp-cornered cards, or vice versa.

Button Radius
Corner radius applied to **all buttons** across the page: synced with the same field in the Theme Creator. Common values: `0rem` (sharp square), `0.375rem` (subtle), `0.75rem` (rounded), `9999px` (full pill). Affects Primary, Secondary, Accent, Register Button, and Social Share Button.

---

![Site Settings → Stylings → Component Borders: Border Width, Style, Color, and Button Radius fields](https://cdn.document360.io/f977eec0-500f-40a3-b663-724a51f78075/Images/Documentation/f4-14-stylings-borders.png)Site Settings → Stylings → Component Borders: Border Width, Style, Color, and Button Radius fields