Border Style

Utilities for controlling the style of an element's borders.

Class Properties
border-dashed border-style: dashed;
border-dotted border-style: dotted;
border-double border-style: double;
border-hidden border-style: hidden;
border-none border-style: none;
border-solid border-style: solid;
Basic Usage

border-solid
border-dashed
border-dotted
border-double
<MudPaper Class="border-solid border-2 mud-border-primary pa-4" Elevation="0">border-solid</MudPaper>
<MudPaper Class="border-dashed border-2 mud-border-primary pa-4" Elevation="0">border-dashed</MudPaper>
<MudPaper Class="border-dotted border-2 mud-border-primary pa-4" Elevation="0">border-dotted</MudPaper>
<MudPaper Class="border-double border-4 mud-border-primary pa-4" Elevation="0">border-double</MudPaper>
None & Hidden

Use border-none or border-hidden to remove or hide the border style from an element.

border-none
border-hidden
<MudPaper Outlined="true" Class="border-none pa-4" Elevation="0">border-none</MudPaper>
<MudPaper Outlined="true" Class="border-hidden pa-4" Elevation="0">border-hidden</MudPaper>

Copyright © 2020-2024 MudBlazor.

Powered by .NET 8.0.3

An unhandled error has occurred. Reload 🗙