how to write ```border: 1px solid transparent;``` in tailwind css

Question

How do I write border: 1px solid transparent; in tailwind css? I couldn't find a way in the docs of tailwind.

score 0 · Answer 1 · answered May 16 '23 at 22:53

0

According to Tailwind's border width documentation, a 1px border should be specified with just border, not border-1 like most other utilities.

In full, border-solid border-1 border-transparent

answered May 16 '23 at 22:53

bordeaux

score -1 · Accepted Answer · answered Jul 18 '22 at 16:17

-1

Try this,

<div class="border-solid border-1 border-transparent"></div>

answered Jul 18 '22 at 16:17

pasindu

Thanks it worked! Also another issue i was facing was % like `width: 10%;` how could I do that in tailwind? – falkon Jul 18 '22 at 16:32
If this works please mark this as the answer. I think tailwind divide the section into 12 parts so idk if there is a way to get exactly 10%. you can get closer using `w-1/12` check more on docs. https://tailwindcss.com/docs/width – pasindu Jul 18 '22 at 16:38
1

Thanks worked! i also marked it as ur ans! – falkon Jul 18 '22 at 16:44

2 Answers2