The border-left property
The border-left
property specifies a color,
type, and width for a left border. It is a shorthand
property for
border-left-width
,
border-left-style
and
border-left-color
.
Syntax
selector {
border-left: width type color;
}
The order of the properties does not matter.
Example
Let's give the element a black left border
with 2px
width:
<div id="elem"></div>
#elem {
border-left: 2px solid black;
background: #f9f9f9;
width: 300px;
height: 100px;
}
:
See also
-
the
border-right
property
that specifies a right border -
the
border-top
property
that specifies a top border -
the
border-bottom
property
that specifies a bottom border -
the
border-radius
property
that rounds border corners