CODEWITHSUNDEEP
csstailwind-css
woongb
woongb

Reputation: 37

Tailwind css border position

I'm trying to create a border position
nomal css :

border-top: 10px solid transparent;
border-bottom: 10px solid black;
border-left: 10px solid transparent;
border-right: 10px solid transparent;

how can i implement with tailwind css?

Upvotes: 0

Views: 1533

Answers (2)

MagnusEffect
MagnusEffect

Reputation: 3905

Use the class as follows

<div class="border-[10px] border-solid border-transparent border-b-black"></div>

Here,

  • border-[10px] means border: 10px;
  • border-solid means border: solid;
  • border-transparent means border: transparent ;
  • border-b-black means border-bottom: black ;

Upvotes: 0

VMT
VMT

Reputation: 819

Implement with tailwind css like this class below:

<div class="border-[10px] border-solid border-transparent border-b-black"></div>

Upvotes: 1

Related Questions