border-left 속성
border-left 속성은 왼쪽 테두리의 색상,
유형 및 두께를 설정합니다. 이 속성은
border-left-width,
border-left-style,
border-left-color의
단축 속성입니다.
구문
선택자 {
border-left: 두께 유형 색상;
}
속성 값의 순서는 중요하지 않습니다.
예제
요소에 2px 두께의 검은 왼쪽 테두리를 만들어 봅시다:
<div id="elem"></div>
#elem {
border-left: 2px solid black;
background: #f9f9f9;
width: 300px;
height: 100px;
}
:
함께 보기
-
border-right속성,
오른쪽 테두리를 설정합니다. -
border-top속성,
상단 테두리를 설정합니다. -
border-bottom속성,
하단 테두리를 설정합니다. -
border-radius속성,
테두리 모서리를 둥글게 만듭니다.
