html border styles code example

Example 1: border color css

border: 1px;
border-color: #3581fc;

Example 2: css border style

/* 
 * border-style:
solid: A solid, continuous line.
none (default): No line is drawn.
hidden: A line is drawn, but not visible. this can be handy for adding a little extra width to an element without displaying a border.
dashed: A line that consists of dashes.
dotted: A line that consists of dots.
double: Two lines are drawn around the element.
groove: Adds a bevel based on the color value in a way that makes the element appear pressed into the document.
ridge: Similar to groove, but reverses the color values in a way that makes the element appear raised.
inset: Adds a split tone to the line that makes the element appear slightly depressed.
outset: Similar to inset, but reverses the colors in a way that makes the element appear slightly raised.
*/

/* Example using the typical solid border-style */
div {
	border: 1px solid #4e1f9d;
}

Example 3: css label in border

.borderLabel{
                padding:10px;
                border:2px solid;
                margin:10px;
            }
            .borderLabel>label{
                padding-left: 5px;
                padding-right: 5px;
                position:relative;
                top:-20px;
                left:20px;
                background-color:white;
            }

<div class="handtekening borderLabel">
<label>ON: Dhr. R. van Noort name</label>
<img src="rene_diamant_handtekening.jpg" width="200" >
</div>