JSFiddle - React, Tailwind, and code Playground

CSS

input {
    width: 100px;
    height: 25px;
    /* border-color: gray; */
}

JavaScript

var borderStyles = ['none','hidden','dotted','dashed',
                    'solid','double','groove','ridge',
                    'inset','outset','inherit'];
for (var b = 0; b < borderStyles.length; b++){
    $('<input>',{
        type: 'button',
        value: borderStyles[b]
    }).css('border-style',borderStyles[b]).after('<br>').appendTo('body');
}