# Border and shadow

Border and shadow properties define the visual boundaries, depth, and dimensionality of UI elements.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcpcHCGbqEJxRjRcLr24Rmz6phEhJ925sVbeKu_XrRaF4k5uetwFl3zqY9mY9j3i_BjJPmCOaQaPHgizridbBtl9mfyXjZdX7VqHOTaA_m-saGkm4so1WOnCMRXbubh4pYGuiiGmA?key=qqshmpx3ASBK9AwVAE38CCWQ" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="139">Property</th><th>Description</th></tr></thead><tbody><tr><td>Rounding</td><td>Controls the corner radius of elements, from square corners (0) to fully rounded. Affects buttons, cards, input fields, containers, and interactive elements.</td></tr><tr><td>Display border</td><td>Toggles the visibility of borders around elements. When enabled, applies the border color from the color scheme to create visual boundaries.</td></tr><tr><td>Shadow</td><td>Create depth and elevation in the interface. Select from shadow styles: <strong>None</strong>, <strong>Soft</strong>, <strong>Regular</strong>, or <strong>Retro</strong>. </td></tr></tbody></table>