Border

Description

The border components controls the style of the border. Its is normally used to change the fieldset border of the elements.

Code Examples

This is an example of the borders applied to some tui fieldsets.

<!-- Double -->
<div class="tui-window">
    <fieldset class="tui-fieldset tui-border-double">
        <legend>Double</legend>
    </fieldset>
</div>

<!-- Solid -->
<div class="tui-window">
    <fieldset class="tui-fieldset tui-border-solid">
        <legend>Solid</legend>
    </fieldset>
</div>

<!-- Dotted -->
<div class="tui-window">
    <fieldset class="tui-fieldset tui-border-dotted">
        <legend>Dotted</legend>
    </fieldset>
</div>

<!-- Dashed -->
<div class="tui-window">
    <fieldset class="tui-fieldset tui-border-dashed">
        <legend>Dashed</legend>
    </fieldset>
</div>

You can use it in any element, not in fieldset only.

Component Classes

This is the table with available classes for this component.

Class	Description
.tui-border-double	Double border style with 6px
.tui-border-solid	Solid border style with 2px
.tui-border-dotted	Dotted border style with 2px
.tui-border-dashed	Dashed border style with 2px