CSS Generator - Border
Code
border:20px solid #2eb9ce;
-----other style-----
border-width:20px;
border-style:solid;
border-color:#2eb9ce;
Border
px
Border Radius
px
px
px
px
px
Box Shadow
Add more [+]
Background
%
%
%
px
px
px
Text Shadow
Add more [+]
Gradient
px
px
%
%
Add Stopper [+]
Transform
Transition
Animation
Image Filter
In box model, border comes between margin and padding. Margin and padding are use to get some invisible space among other HTML elements. Border is outer visible area of HTML element.
You can set border color, style and size individual or combine.
/* syntex */
border: <width> <style> <color>;
border:2px solid red;
above properties can write in another way
border-size: 2px;
border-type: solid;
border-color: red;
each border with different style also possible, in clock wise direction top, right, bottom, left
border-size: 2px 3px 1px 5px;
border-type: dotted dash solid double;
border-color: red green blue yellow;
