코드랩 레퍼런스

border-left 본문

CSS

border-left

webstoryboy 2016. 6. 17. 16:58
border-left 속성은 왼쪽 테두리 속성을 설정합니다.
특징 설명
기본 값 border-left-width : medium
border-left-style : none
border-left-color : currentColor
상속 안됨
애니메이션 가능
버전 CSS1

Definition

  • border-left 속성은 왼쪽 테두리 속성을 설정합니다.

Syntax

border-left : border-left-color | border-left-style | border-left-width | inherit;
/* 한 가지 속성만 설정한 경우 : 테두리 두께를 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

크롬 아이콘 파이어폭스 아이콘 사파리 아이콘 오페라 아이콘 안드로이드 아이콘 ios 아이콘 익스플로러6 아이콘 6 익스플로러7 아이콘 7 익스플로러8 아이콘 8 익스플로러9 아이콘 9 익스플로러10 아이콘 10 익스플로러11 아이콘 11 엣지 아이콘
border-left
border-left-color
border-left-style
border-left-width

Sample

border-left-color






Ad

Comments