🌈
NextGenCSS
  • πŸ”₯NextGenCSSπŸ”₯
    • How to Contribute ?
  • Installation
    • Install and Use
    • Set Up
    • React
  • 🌟Quick Start
    • Get Started
    • Optimizations
    • Breakpoints
    • Colors
    • Buttons
    • BackGround Color
    • Border
    • Font
    • Icons
  • 🧩Components
    • Box
    • Card
    • Footer
    • NavBar
    • Switch
  • βš’οΈUtilities
    • Display
    • Align
    • Center
    • Flex
    • Left
    • Right
    • Padding
    • Margin
    • Grid
    • Scale
  • forms
    • Input Box
  • ☺️Releases and Changelog
    • 0.0 πŸ”₯πŸ”₯ 1st Release
Powered by GitBook
On this page
  • Syntax
  • Border
  • Examples

Was this helpful?

Edit on GitHub
  1. Quick Start

Border

Border of your HTML element

Last updated 1 year ago

Was this helpful?

Syntax

```other code in syntax file
   border : "b",
```

Border

To give the border to your HTML element

There are majorly 5 types of border with

  • .b-{..color..} To give border in all direction (top,bottom,left,right)

  • .bt-{..color..} To give border in top direction

  • .bb-{..color..} To give border in bottom direction

  • .bl-{..color..} To give border in left direction

  • .br-{..color..} To give border in right direction

Examples

<p class="b-dark mg-y-1">Border</p>
<p class="bt-primary mg-y-1">Border-Top</p>
<p class="bb-alert mg-y-1">Border-Bottom</p>
<p class="bl-yellow mg-y-1">Border-Left</p>
<p class="br-leaf mg-y-1">Border-Right</p>
🌟
colors
Output of code