Borders

Utilize AiraCSS border utilities to effortlessly style the borders and border-radius of elements.

Borders

Use border utilities to add or remove an element’s borders. Choose from all borders or one at a time.

Borders Except

Rounded Top

Rounded Right

Rounded Bottom

Rounded Left

Borders Colors

Change the border color using utilities built on our theme colors.

Borders Width

Rounded Borders

Border Style

Horizontal borders

Vertical borders

Responsive borders

AiraCSS support responsive borders which you can use to style your border based on viewport or device.

As such, the classes are named using the format:

• .border-{breakpoint}
• .border-{breakpoint}-{value} for sm, md, lg, and xl.
• .rounded-{breakpoint}-{value} for sm, md, lg, and xl.

Where value is one of:

• 0
• top
• right
• bottom
• left
• top-0
• right-0
• bottom-0
• top-1
• top-2
• top-3
• top-4
• top-5
• top-6
• right-1
• right-2
• right-3
• right-4
• right-5
• right-6
• bottom-1
• bottom-2
• bottom-3
• bottom-4
• bottom-5
• bottom-6
• left-1
• left-2
• left-3
• left-4
• left-5
• left-6