border-right

border-right 속성은 오른쪽 테두리 속성을 설정합니다.

특징	설명
기본 값	border-right-width : medium border-right-style : none border-right-color : currentColor
상속	안됨
애니메이션	가능
버전	CSS1

Definition

• border-right 속성은 오른쪽 테두리 속성을 설정합니다.

Syntax

border-right : border-right-color | border-right-style | border-right-width | inherit;

/* 한 가지 속성만 설정한 경우 : 테두리 두께를 1px로 설정 */
border-right : 1px;

/* 두 가지 속성을 설정한 경우 : 테두리 두께를 5px로 설정, 테두리 스타일을 실선으로 설정 */
border-right : 5px solid;

/* 두 가지 속성을 설정한 경우 : 테두리 두께를 1px로 설정, 테두리 스타일을 긴 점선으로 설정 */
border-right : 1px dashed;

/* 세 가지 속성을 설정한 경우 : 테두리 두께를 5px로 설정, 테두리 스타일을 점선으로 설정, 테두리 색을 빨간색으로 설정 */
border-right : 5px dotted red;

/* 세 가지 속성을 설정한 경우 : 테두리 두께를 10px로 설정, 테두리 스타일을 이중선으로 설정, 테두리 색을 회색으로 설정 */
border-right : 10px double #ccc;

/* 세 가지 속성을 설정한 경우 : 테두리 두께를 3px로 설정, 테두리 스타일을 긴 점선으로 설정, 테두리 색을 #797979로 설정 */
border-right : 3px dashed #797979;

Property

속성 값	설명
border-right-color	오른쪽 테두리 색 속성을 설정합니다.
border-right-style	오른쪽 테두리 스타일 속성을 설정합니다.
border-right-width	오른쪽 테두리 두께 속성을 설정합니다.
inherit	오른쪽 테두리 속성을 부모 요소로부터 상속받습니다.

Compatibility

							6	7	8	9	10	11
border-right
border-right-color
border-right-style
border-right-width

Sample

border-right-color

border-right : 1px;
border-right : 5px solid;
border-right : 1px dashed;
border-right : 5px dotted red;
border-right : 10px double #ccc;
border-right : 3px dashed #797979;