Граница элемента с левой стороны

Border left

При помощи свойства border-left можно одномоментно задать параметры толщины, стиля и цвета расположенной слева границы элемента. Параметры свойства записываются в одну строку после двоеточия через пробел, располагаясь в произвольном порядке. 


border-left: 6px solid silver;

6px – шесть пикселей.

solid – сплошная линия.

silver – серебряный цвет.

Граница элемента слева CSS 

HTML

<div class="note">
  <h3>border-left: 4px solid silver;</h3>
  <p>border-left-width: 4px;</p>
  <p>border-left-style: solid;</p>
  <p>border-left-color: silver;</p>
</div>



CSS

h3{
    color: #444;
    font-size: 24px;
}
p{
    margin: 4px 0px;
    font-size: 22px;
}
.note {
    color: #333;
    width: 400px;
    margin: 40px auto;
    padding-left: 20px;
    letter-spacing: 1.2px;
    border-left: 6px solid silver;
}