border-left 속성

border-left 속성은 왼쪽 테두리의 색상, 유형 및 두께를 설정합니다. 이 속성은 border-left-width, border-left-style, border-left-color의 단축 속성입니다.

구문

css선택자 {
  border-left: 두께 유형 색상;
}

속성 값의 순서는 중요하지 않습니다.

예제

요소에 2px 두께의 검은 왼쪽 테두리를 만들어 봅시다:

html<div id="elem"></div>

css#elem {
  border-left: 2px solid black;
  background: #f9f9f9;
  width: 300px;
  height: 100px;
}

Результат:

함께 보기