티스토리 뷰

CSS

[CSS] border-right

border-right

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


border-right

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

정의(Definition)

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

문법(Syntax)

border-right : border-left-color | border-left-style | border-left-width

/* 한 가지 속성만 설정한 경우 : 테두리 두께를 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 오른쪽 테두리 두께 속성을 설정합니다.

호환성(Compatibility) 더보기

크롬 아이콘 파이어폭스 아이콘 사파리 아이콘 오페라 아이콘 네이버 웨일 익스플로러6 아이콘6 익스플로러7 아이콘7 익스플로러8 아이콘8 익스플로러9 아이콘9 익스플로러10 아이콘10 익스플로러11 아이콘11 엣지 아이콘 안드로이드 아이콘 ios 아이콘
border-right 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능
border-right-color 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능
border-right-style 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능
border-right-width 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능
댓글
댓글쓰기 폼