Borders

.border 
{ border-width: 1px }
.border-top 
{ border-top-width: 1px }
.border-right 
{ border-right-width: 1px }
.border-bottom 
{ border-bottom-width: 1px }
.border-left 
{ border-left-width: 1px }

Color

Color can also be modified directionally .border-[left|right|top|bottom]-[color].

.border-white 
{ --border-color: 255, 255, 255 }
.border-gray 
{ --border-color: 80, 81, 82 }
.border-green 
{ --border-color: 151, 200, 72 }
.border-blue 
{ --border-color: 9, 148, 226 }
.border-red 
{ --border-color: 225, 86, 62 }
.border-yellow 
{ --border-color: 215, 229, 66 }
.border-purple 
{ --border-color: 148, 97, 185 }
.border-gray-90 
{ --border-color: 25.1851851852, 25.5, 25.8148148148 }
.border-gray-80 
{ --border-color: 50.3703703704, 51, 51.6296296296 }
.border-gray-70 
{ --border-color: 75.5555555556, 76.5, 77.4444444444 }
.border-gray-60 
{ --border-color: 100.7407407407, 102, 103.2592592593 }
.border-gray-50 
{ --border-color: 125.9259259259, 127.5, 129.0740740741 }
.border-gray-40 
{ --border-color: 151.7407407407, 153, 154.2592592593 }
.border-gray-30 
{ --border-color: 177.5555555556, 178.5, 179.4444444444 }
.border-gray-20 
{ --border-color: 203.3703703704, 204, 204.6296296296 }
.border-gray-10 
{ --border-color: 229.1851851852, 229.5, 229.8148148148 }
.border-green-90 
{ --border-color: 31.4765625, 51, 0 }
.border-green-80 
{ --border-color: 61.5719866071, 96.1071428571, 5.8928571429 }
.border-green-70 
{ --border-color: 90.2862723214, 135.3214285714, 17.6785714286 }
.border-green-60 
{ --border-color: 117.6194196429, 168.6428571429, 35.3571428571 }
.border-green-50 
{ --border-color: 143.5714285714, 196.0714285714, 58.9285714286 }
.border-green-40 
{ --border-color: 168.6194196429, 219.6428571429, 86.3571428571 }
.border-green-30 
{ --border-color: 192.2862723214, 237.3214285714, 119.6785714286 }
.border-green-20 
{ --border-color: 214.5719866071, 249.1071428571, 158.8928571429 }
.border-green-10 
{ --border-color: 235.4765625, 255, 204 }
.border-blue-90 
{ --border-color: 0, 32.668202765, 51 }
.border-blue-80 
{ --border-color: 0.9765957447, 65.0618786156, 101.0234042553 }
.border-blue-70 
{ --border-color: 2.929787234, 97.1810275517, 150.070212766 }
.border-blue-60 
{ --border-color: 5.8595744681, 129.0256495735, 198.1404255319 }
.border-blue-50 
{ --border-color: 9.7659574468, 160.5957446809, 245.2340425532 }
.border-blue-40 
{ --border-color: 56.8595744681, 180.0256495735, 249.1404255319 }
.border-blue-30 
{ --border-color: 104.929787234, 199.1810275517, 252.070212766 }
.border-blue-20 
{ --border-color: 153.9765957447, 218.0618786156, 254.0234042553 }
.border-blue-10 
{ --border-color: 204, 236.668202765, 255 }
.border-red-90 
{ --border-color: 51, 7.509202454, 0 }
.border-red-80 
{ --border-color: 98.5695067265, 17.4386915734, 3.4304932735 }
.border-red-70 
{ --border-color: 142.7085201794, 29.7884673581, 10.2914798206 }
.border-red-60 
{ --border-color: 183.4170403587, 44.5585298082, 20.5829596413 }
.border-red-50 
{ --border-color: 220.6950672646, 61.7488789238, 34.3049327354 }
.border-red-40 
{ --border-color: 234.4170403587, 95.5585298082, 71.5829596413 }
.border-red-30 
{ --border-color: 244.7085201794, 131.7884673581, 112.2914798206 }
.border-red-20 
{ --border-color: 251.5695067265, 170.4386915734, 156.4304932735 }
.border-red-10 
{ --border-color: 255, 211.509202454, 204 }
.border-yellow-90 
{ --border-color: 46.6196319018, 51, 0 }
.border-yellow-80 
{ --border-color: 90.6852618062, 98.9162790698, 3.0837209302 }
.border-yellow-70 
{ --border-color: 132.1968897132, 143.7488372093, 9.2511627907 }
.border-yellow-60 
{ --border-color: 171.1545156228, 185.4976744186, 18.5023255814 }
.border-yellow-50 
{ --border-color: 207.5581395349, 224.1627906977, 30.8372093023 }
.border-yellow-40 
{ --border-color: 222.1545156228, 236.4976744186, 69.5023255814 }
.border-yellow-30 
{ --border-color: 234.1968897132, 245.7488372093, 111.2511627907 }
.border-yellow-20 
{ --border-color: 243.6852618062, 251.9162790698, 156.0837209302 }
.border-yellow-10 
{ --border-color: 250.6196319018, 255, 204 }
.border-purple-90 
{ --border-color: 29.5568181818, 0, 51 }
.border-purple-80 
{ --border-color: 57.8681220096, 7.8289473684, 94.1710526316 }
.border-purple-70 
{ --border-color: 84.9339114833, 23.4868421053, 129.5131578947 }
.border-purple-60 
{ --border-color: 110.7541866029, 46.9736842105, 157.0263157895 }
.border-purple-50 
{ --border-color: 135.3289473684, 78.2894736842, 176.7105263158 }
.border-purple-40 
{ --border-color: 161.7541866029, 97.9736842105, 208.0263157895 }
.border-purple-30 
{ --border-color: 186.9339114833, 125.4868421053, 231.5131578947 }
.border-purple-20 
{ --border-color: 210.8681220096, 160.8289473684, 247.1710526316 }
.border-purple-10 
{ --border-color: 233.5568181818, 204, 255 }

Size

.border-2px 
{ border-width: 2px }
.border-3px 
{ border-width: 3px }
.border-4px 
{ border-width: 4px }
.border-top-2px 
{ border-top-width: 2px }
.border-top-3px 
{ border-top-width: 3px }
.border-top-4px 
{ border-top-width: 4px }
.border-right-2px 
{ border-right-width: 2px }
.border-right-3px 
{ border-right-width: 3px }
.border-right-4px 
{ border-right-width: 4px }
.border-bottom-2px 
{ border-bottom-width: 2px }
.border-bottom-3px 
{ border-bottom-width: 3px }
.border-bottom-4px 
{ border-bottom-width: 4px }
.border-left-2px 
{ border-left-width: 2px }
.border-left-3px 
{ border-left-width: 3px }
.border-left-4px 
{ border-left-width: 4px }

Border Radius

.rounded 
{ border-radius: 0.25rem }
.rounded-none 
{ border-radius: 0 }
.rounded-xs 
{ border-radius: 0.1rem }
.rounded-sm 
{ border-radius: 0.2rem }
.rounded-lg 
{ border-radius: 0.5rem }
.rounded-xl 
{ border-radius: 1rem }
.rounded-top 
{ border-top-right-radius: 0.25rem;
 border-top-left-radius: 0.25rem }
.rounded-top-none 
{ border-top-right-radius: 0;
 border-top-left-radius: 0 }
.rounded-top-xs 
{ border-top-right-radius: 0.1rem;
 border-top-left-radius: 0.1rem }
.rounded-top-sm 
{ border-top-right-radius: 0.2rem;
 border-top-left-radius: 0.2rem }
.rounded-top-lg 
{ border-top-right-radius: 0.5rem;
 border-top-left-radius: 0.5rem }
.rounded-top-xl 
{ border-top-right-radius: 1rem;
 border-top-left-radius: 1rem }
.rounded-bottom 
{ border-bottom-right-radius: 0.25rem;
 border-bottom-left-radius: 0.25rem }
.rounded-bottom-none 
{ border-bottom-right-radius: 0;
 border-bottom-left-radius: 0 }
.rounded-bottom-xs 
{ border-bottom-right-radius: 0.1rem;
 border-bottom-left-radius: 0.1rem }
.rounded-bottom-sm 
{ border-bottom-right-radius: 0.2rem;
 border-bottom-left-radius: 0.2rem }
.rounded-bottom-lg 
{ border-bottom-right-radius: 0.5rem;
 border-bottom-left-radius: 0.5rem }
.rounded-bottom-xl 
{ border-bottom-right-radius: 1rem;
 border-bottom-left-radius: 1rem }
.rounded-left 
{ border-top-left-radius: 0.25rem;
 border-bottom-left-radius: 0.25rem }
.rounded-left-none 
{ border-top-left-radius: 0;
 border-bottom-left-radius: 0 }
.rounded-left-xs 
{ border-top-left-radius: 0.1rem;
 border-bottom-left-radius: 0.1rem }
.rounded-left-sm 
{ border-top-left-radius: 0.2rem;
 border-bottom-left-radius: 0.2rem }
.rounded-left-lg 
{ border-top-left-radius: 0.5rem;
 border-bottom-left-radius: 0.5rem }
.rounded-left-xl 
{ border-top-left-radius: 1rem;
 border-bottom-left-radius: 1rem }
.rounded-right 
{ border-top-right-radius: 0.25rem;
 border-bottom-right-radius: 0.25rem }
.rounded-right-none 
{ border-top-right-radius: 0;
 border-bottom-right-radius: 0 }
.rounded-right-xs 
{ border-top-right-radius: 0.1rem;
 border-bottom-right-radius: 0.1rem }
.rounded-right-sm 
{ border-top-right-radius: 0.2rem;
 border-bottom-right-radius: 0.2rem }
.rounded-right-lg 
{ border-top-right-radius: 0.5rem;
 border-bottom-right-radius: 0.5rem }
.rounded-right-xl 
{ border-top-right-radius: 1rem;
 border-bottom-right-radius: 1rem }
.round 
{ border-radius: 50% }

Dividers

.divide-h
Cell 1
Cell 1
Cell 1
 
{ border-left-width: 1px }
.divide-h-none
Cell 1
Cell 1
Cell 1
 
{ border-left-width: 0 }
.divide-h-2px
Cell 1
Cell 1
Cell 1
 
{ border-left-width: 2px }
.divide-h-3px
Cell 1
Cell 1
Cell 1
 
{ border-left-width: 3px }
.divide-h-4px
Cell 1
Cell 1
Cell 1
 
{ border-left-width: 4px }
.divide-v
Cell 1
Cell 1
Cell 1
 
{ border-top-width: 1px }
.divide-v-none
Cell 1
Cell 1
Cell 1
 
{ border-top-width: 0 }
.divide-v-2px
Cell 1
Cell 1
Cell 1
 
{ border-top-width: 2px }
.divide-v-3px
Cell 1
Cell 1
Cell 1
 
{ border-top-width: 3px }
.divide-v-4px
Cell 1
Cell 1
Cell 1
 
{ border-top-width: 4px }

Miscellaneous

.border 
{ border-width: 1px }
.border-none 
{ border-width: 0 }
.border-2px 
{ border-width: 2px }
.border-3px 
{ border-width: 3px }
.border-4px 
{ border-width: 4px }
.border-dashed 
{ border-style: dashed }
.border-top 
{ border-top-width: 1px }
.border-top-none 
{ border-top-width: 0 }
.border-top-2px 
{ border-top-width: 2px }
.border-top-3px 
{ border-top-width: 3px }
.border-top-4px 
{ border-top-width: 4px }
.border-right 
{ border-right-width: 1px }
.border-right-none 
{ border-right-width: 0 }
.border-right-2px 
{ border-right-width: 2px }
.border-right-3px 
{ border-right-width: 3px }
.border-right-4px 
{ border-right-width: 4px }
.border-bottom 
{ border-bottom-width: 1px }
.border-bottom-none 
{ border-bottom-width: 0 }
.border-bottom-2px 
{ border-bottom-width: 2px }
.border-bottom-3px 
{ border-bottom-width: 3px }
.border-bottom-4px 
{ border-bottom-width: 4px }
.border-left 
{ border-left-width: 1px }
.border-left-none 
{ border-left-width: 0 }
.border-left-2px 
{ border-left-width: 2px }
.border-left-3px 
{ border-left-width: 3px }
.border-left-4px 
{ border-left-width: 4px }
.rounded 
{ border-radius: 0.25rem }
.rounded-none 
{ border-radius: 0 }
.rounded-xs 
{ border-radius: 0.1rem }
.rounded-sm 
{ border-radius: 0.2rem }
.rounded-lg 
{ border-radius: 0.5rem }
.rounded-xl 
{ border-radius: 1rem }
.rounded-top 
{ border-top-right-radius: 0.25rem;
 border-top-left-radius: 0.25rem }
.rounded-top-none 
{ border-top-right-radius: 0;
 border-top-left-radius: 0 }
.rounded-top-xs 
{ border-top-right-radius: 0.1rem;
 border-top-left-radius: 0.1rem }
.rounded-top-sm 
{ border-top-right-radius: 0.2rem;
 border-top-left-radius: 0.2rem }
.rounded-top-lg 
{ border-top-right-radius: 0.5rem;
 border-top-left-radius: 0.5rem }
.rounded-top-xl 
{ border-top-right-radius: 1rem;
 border-top-left-radius: 1rem }
.rounded-bottom 
{ border-bottom-right-radius: 0.25rem;
 border-bottom-left-radius: 0.25rem }
.rounded-bottom-none 
{ border-bottom-right-radius: 0;
 border-bottom-left-radius: 0 }
.rounded-bottom-xs 
{ border-bottom-right-radius: 0.1rem;
 border-bottom-left-radius: 0.1rem }
.rounded-bottom-sm 
{ border-bottom-right-radius: 0.2rem;
 border-bottom-left-radius: 0.2rem }
.rounded-bottom-lg 
{ border-bottom-right-radius: 0.5rem;
 border-bottom-left-radius: 0.5rem }
.rounded-bottom-xl 
{ border-bottom-right-radius: 1rem;
 border-bottom-left-radius: 1rem }
.rounded-left 
{ border-top-left-radius: 0.25rem;
 border-bottom-left-radius: 0.25rem }
.rounded-left-none 
{ border-top-left-radius: 0;
 border-bottom-left-radius: 0 }
.rounded-left-xs 
{ border-top-left-radius: 0.1rem;
 border-bottom-left-radius: 0.1rem }
.rounded-left-sm 
{ border-top-left-radius: 0.2rem;
 border-bottom-left-radius: 0.2rem }
.rounded-left-lg 
{ border-top-left-radius: 0.5rem;
 border-bottom-left-radius: 0.5rem }
.rounded-left-xl 
{ border-top-left-radius: 1rem;
 border-bottom-left-radius: 1rem }
.rounded-right 
{ border-top-right-radius: 0.25rem;
 border-bottom-right-radius: 0.25rem }
.rounded-right-none 
{ border-top-right-radius: 0;
 border-bottom-right-radius: 0 }
.rounded-right-xs 
{ border-top-right-radius: 0.1rem;
 border-bottom-right-radius: 0.1rem }
.rounded-right-sm 
{ border-top-right-radius: 0.2rem;
 border-bottom-right-radius: 0.2rem }
.rounded-right-lg 
{ border-top-right-radius: 0.5rem;
 border-bottom-right-radius: 0.5rem }
.rounded-right-xl 
{ border-top-right-radius: 1rem;
 border-bottom-right-radius: 1rem }
.square 
{ border-radius: 0 }
.square-top 
{ border-top-right-radius: 0;
 border-top-left-radius: 0 }
.square-bottom 
{ border-bottom-right-radius: 0;
 border-bottom-left-radius: 0 }
.square-left 
{ border-top-left-radius: 0;
 border-bottom-left-radius: 0 }
.square-right 
{ border-top-right-radius: 0;
 border-bottom-right-radius: 0 }
.round 
{ border-radius: 50% }
.divide-h 
{ border-left-width: 1px }
.divide-h-none 
{ border-left-width: 0 }
.divide-h-2px 
{ border-left-width: 2px }
.divide-h-3px 
{ border-left-width: 3px }
.divide-h-4px 
{ border-left-width: 4px }
.divide-v 
{ border-top-width: 1px }
.divide-v-none 
{ border-top-width: 0 }
.divide-v-2px 
{ border-top-width: 2px }
.divide-v-3px 
{ border-top-width: 3px }
.divide-v-4px 
{ border-top-width: 4px }