css border opacity
div {
border: 1px solid rgba(255, 0, 0, .5);
-webkit-background-clip: padding-box; /* for Safari */
background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}css border opacity
div {
border: 1px solid rgba(255, 0, 0, .5);
-webkit-background-clip: padding-box; /* for Safari */
background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}css border top
.topBorder {
/* width style color */
border-top: 5px solid black;
}dashed lin in css
hr {
border:none;
border-top:1px dashed #f00;
color:#fff;
background-color:#fff;
height:1px;
width:50%;
}border in html
The CSS border property defines a border around an HTML element.
Use of CSS border property:
p {
border: 2px solid powderblue;
}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;
}css border
p{
border: 1px solid #f00;
/* Set Border For Only Specific Side */
border-left: 1px solid #00f;
border-right: 1px solid #00f;
border-top: 1px solid #00f;
border-bottom: 1px solid #00f;
/* Another Rules Can Be Applied*/
border-top-style: solid dashed dotted;
border-top-width: 2px;
border-top-color: #00f;
/* Apply Also For Right, Bottom And Left*/
}
/*
Border ShortHand
border: border-width border-style border-color
*/Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
