티스토리 뷰
border-left
border-left 속성은 왼쪽 테두리 속성을 설정합니다.
border-left
border-left 속성은 왼쪽 테두리 속성을 설정합니다.
| 특징 | 설명 |
|---|---|
| 기본 값 |
border-left-width : medium border-left-style : none border-left-color : currentColor |
| 상속 | 안됨 |
| 애니메이션 | 가능 |
| 적용 | border |
| 버전 | CSS3 |
정의(Definition)
- border-left 속성은 왼쪽 테두리 속성을 설정합니다.
문법(Syntax)
border-left : border-left-color | border-left-style | border-left-width
/* 한 가지 속성만 설정한 경우 : 테두리 두께를 1px로 설정 */
border-left : 1px;
/* 두 가지 속성을 설정한 경우 : 테두리 두께를 5px로 설정, 테두리 스타일을 실선으로 설정 */
border-left : 5px solid;
/* 두 가지 속성을 설정한 경우 : 테두리 두께를 1px로 설정, 테두리 스타일을 긴 점선으로 설정 */
border-left : 1px dashed;
/* 세 가지 속성을 설정한 경우 : 테두리 두께를 5px로 설정, 테두리 스타일을 점선으로 설정, 테두리 색을 빨간색으로 설정 */
border-left : 5px dotted red;
/* 세 가지 속성을 설정한 경우 : 테두리 두께를 10px로 설정, 테두리 스타일을 이중선으로 설정, 테두리 색을 회색으로 설정 */
border-left : 10px double #ccc;
/* 세 가지 속성을 설정한 경우 : 테두리 두께를 3px로 설정, 테두리 스타일을 긴 점선으로 설정, 테두리 색을 #797979로 설정 */
border-left : 3px dashed #797979;
속성(Property)
| 속성값 | 설명 |
|---|---|
| border-left-color | 왼쪽 테두리 색 속성을 설정합니다. |
| border-left-style | 왼쪽 테두리 스타일 속성을 설정합니다. |
| border-left-width | 왼쪽 테두리 두께 속성을 설정합니다. |
| inherit | 왼쪽 테두리 속성을 부모 요소로부터 상속받습니다. |
호환성(Compatibility) 
더보기
 |
 |
 |
 |
 |
 6 |
 7 |
8 |
 9 |
 10 |
 11 |
 |
 |
 |
|
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| border-left | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
| border-left-color | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
| border-left-style | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
| border-left-width | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
공유하기(Share) 더보기
공감하기(Like) 더보기
태그(Tag) 더보기
질문하기(Questions)