Class-border-style

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

Use the v-style-* utilities to control the h of an element. You can use
the feat: custom feature if you want the h border-style to suit your needs.

Table list border-styles

Name class	Properties
v-style-dotted	border-style: dotted;
v-style-dashed	border-style: dashed;
v-style-double	border-style: double;
v-style-groove	border-style: groove;
v-style-solid	border-style: solid;
v-style-ridge	border-style: ridge;
v-style-hidden	border-style: hidden;

The table above presents several types of border-styles with different variants.

Example Code

h.html

<div>
    <div class="v-style-dotted">
    </div>
    <div class="v-style-dashed">
    </div>
    <div class="v-style-double">
    </div>
    <div class="v-style-groove">
    </div>
    <div class="v-style-solid">
    </div>
    <div class="v-style-hidden">
    </div>
</div>