JSFiddle - React, Tailwind, and code Playground

HTML

<p class="p1">CSS Dictionary</p>
<p class="p2">CSS Dictionary</p>
<p class="p3">CSS Dictionary</p>

CSS

.p1 {
    border: 1px solid red;
}

.p2 {
    border-top : 1px solid red;
    border-right : 1px solid red;
    border-bottom : 1px solid red;
    border-left : 1px solid red;
}

.p3 {
    border-top-width : 1px;
    border-top-style : solid;
    border-top-color: red;
    border-right-width : 1px;
    border-right-style : solid;
    border-right-color: red;
    border-bottom-width : 1px;
    border-bottom-style : solid;
    border-bottom-color: red;
    border-left-width : 1px;
    border-left-style : solid;
    border-left-color: red;
}