Start Here

Introduction

Download

Syntax

Core Concepts

Aspect Ratio

Border Radius

Border Size

Border Style

Cursor

Display

Flex

Flex Alignment

Flex Direction

Flex Grow

Flex Position

Flex Size

Flex Width

Font

Gap

Height

Margin

Padding

Spacing

Width

UI Effects

Animations

Single Box

Multi Box

3D Box

Other

Box Shadows

OutSet Shadow

InSet Shadow

Text Shadow

OutSet Shadow

InSet Shadow

UI Widgets

Accordion

Buttons

Calendar

Card

Checks & Radio

Data Tables

DropDown

DropDown Multi Select

Gallery

Pagination

Pop-Up

Progress Bar

Skeleton

Spinners

Suggestion

Tabs

Toasts

Slider

Text Boxes

Text Editor

Tool Tip

Icons

Theme Color Shade

Color Shade

Text Color

Background Color

Border Color

Gradient

Text Gradient

Single Color

Double Color

Triple Color

Background Gradient

Single Color

Double Color

Triple Color

Border Gradient

Single Color

Double Color

Triple Color

Other Pages

Landing Pages

Top Nav 1

Top Nav 2

Side Nav 1

Forget Password

Apps

Add Data

Nav First Level

Nav Second Level

Nav Third Level

N
A
V

Border Width

Definition and Usage

The Br series provides a range of predefined border thickness values, from Br1 (thin) to Br50 (thick), allowing consistent and scalable border styling without manually specifying border sizes in CSS.

Border Width Example

Property	Value
Br1	border: 0.0625rem solid;
Br16	border: 1rem solid;
Br50	border: 3.125rem solid;

Note

The Range of this Br property is form 0 to 50.

The Br series provides a flexible way to control border thickness for all sides or individual sides of an element. This utility ensures consistent and scalable border styling without manually defining values in CSS.

Property	Value
BrTp1	border-top: 0.0625rem solid;
BrRt1	border-right: 0.0625rem solid;
BrBm1	border-bottom: 0.0625rem solid;
BrLt1	border-left: 0.0625rem solid;

Note

The Range of this Br property is form 0 to 50.

Web Tool

Welcome Amit

Logout

Change Password

Change Email