Answers for "border css"

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
*/