CSS Border

Border Options
px
Target invidual border
px
px
px
px
border: {{settings.border}}px {{settings.borderstyle}} {{colors.hex}};
border-top: {{settings.t_border}}px {{settings.t_borderstyle}} {{t_bordercolor.hex}};
border-right: {{settings.r_border}}px {{settings.r_borderstyle}} {{r_bordercolor.hex}};
border-buttom: {{settings.b_border}}px {{settings.b_borderstyle}} {{b_bordercolor.hex}};
border-left: {{settings.l_border}}px {{settings.l_borderstyle}} {{l_bordercolor.hex}};
<div class="box a2z_border"></div>
<style>
.box{
    height:150px;
    width:250px;
    background-color:#283e8a;
}
.a2z_border{
    border: {{settings.border}}px {{settings.borderstyle}} {{colors.hex}};
    border-top: {{settings.t_border}}px {{settings.t_borderstyle}} {{t_bordercolor.hex}};
    border-right: {{settings.r_border}}px {{settings.r_borderstyle}} {{r_bordercolor.hex}};
    border-buttom: {{settings.b_border}}px {{settings.b_borderstyle}} {{b_bordercolor.hex}};
    border-left: {{settings.l_border}}px {{settings.l_borderstyle}} {{l_bordercolor.hex}};
}
</style>
Top