CSS border-right-color 속성
- 이전 페이지 border-right
- 다음 페이지 우측 경계선 스타일
정의 및 사용법
border-right-color은 요소의 오른쪽 경계선의 색상을 설정합니다.
순수한 색상만 정의할 수 있으며, 경계선 스타일이 none 또는 hidden 이 아닌 값일 때만 경계선이 나타납니다.
주석:항상 border-style 속성을 border-color 속성보다 먼저 선언하십시오. 요소는 색상을 변경하기 전에 경계선을 얻어야 합니다.
추가 정보:
CSS 강의:CSS 경계선
CSS 참조 매뉴얼:border-right 속성
HTML DOM 참조 매뉴얼:borderRightColor 속성
CSS 문법
border-right-color: color|transparent|initial|inherit;
속성 값
| 값 | 설명 |
|---|---|
| color_name | 색상 이름을 가진 경계선 색상을 지정합니다(예: red). |
| hex_number | 16진수 값을 가진 색상 값을 가진 경계선 색상을 지정합니다(예: #ff0000). |
| rgb_number | rgb 코드의 색상 값을 가진 경계선 색상을 지정합니다(예: rgb(255,0,0)). |
| transparent | 기본 값. 경계선 색상은 투명합니다. |
| inherit | 부모 요소에서 경계선 색상을 상속해야 합니다. |
기술 세부 사항
| 기본 값: | not specified |
|---|---|
| 상속성: | no |
| 버전: | CSS1 |
| JavaScript 문법: | object.style.borderRightColor="blue" |
더 많은 예제
- 오른쪽 경계선의 색상 설정
- 이 예제에서는 오른쪽 경계선의 색상을 설정하는 방법을 보여줍니다.
브라우저 지원
표에서는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전이 표시되었습니다.
| 크롬 | IE / 엣지 | 파이어폭스 | 사파리 | 오페라 |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
주석:Internet Explorer 6( 및 이전 버전)는 "transparent" 속성 값을 지원하지 않습니다.
주석:IE7 및 이전 버전의 브라우저는 "inherit" 값을 지원하지 않습니다. IE8은 !DOCTYPE가 필요합니다. IE9는 "inherit"을 지원합니다.
- 이전 페이지 border-right
- 다음 페이지 우측 경계선 스타일
