Set border-left to 1px solid crimson; in HTML and CSS

Description

The following code shows how to set border-left to 1px solid crimson;.

Example


<html>
<head>
<style type='text/css'>
body {<!--   ww  w.ja  v a2s  .  co  m-->
font: 12px sans-serif;
}
div#shorthand-sides {
border-top: 1px solid pink;
border-right: 1px solid crimson;
border-bottom: 1px solid pink;
border-left: 1px solid crimson;
padding: 5px;
}
</style>
</head>
<body>
<p>
Four shorthand properties can be used to specify border-width,
border-style, and border-color in just one property for each
side of the box.
</p>
<div id='shorthand-sides'>
border-top, border-right, border-bottom, border-left
</div>
</body>
</html>

Click to view the demo

The code above generates the following result.

Set border-left to 1px solid crimson; in HTML and CSS

Home »
  HTML CSS Tutorial »
    Layout »
      Border

...
Compare thin medium and thick borders in HT...
Demonstrate that when no border-color is sp...
Overwrite border in HTML and CSS
Set Border width differently for four direc...
Set Border width for different directions i...
Set Border width in four differently values...
Set Border width in one value in HTML and C...
Set Border width in three values in HTML an...
Set Border width in two values in HTML and ...
Set border - 1px solid crimson in HTML and ...
Set border-bottom - 1px dotted black in HTM...
Set border bottom style to dashed in HTML a...
Set border-bottom-style to double in HTML a...
Set border-bottom-width to 2px in HTML and ...
Set border color for different directions i...
Set border-color to blue in HTML and CSS
Set border color to red in HTML and CSS
Set border-left-style to inset in HTML and ...

Set border-left to 1px solid crimson; in HT...