CSS border-right-width 속성
- 이전 페이지 border-right-style
- 다음 페이지 보더 스페이싱
정의와 사용법
border-right-width 속성은 요소의右边框 너비를 설정합니다.
브라우저 스타일이 none가 아니라면만 작동합니다. 브라우저 스타일이 none라면 실제 테두리 너비는 0으로 재설정됩니다. 음수 길이 값을 지정할 수 없습니다.
주석:항상 border-right-width 속성 전에 border-style 속성을 선언해야 합니다. 요소가 테두리를 받은 후에만 테두리의 너비를 변경할 수 있습니다.
추가로 참조:
CSS 교육:CSS 경계선
CSS 참조 매뉴얼:border-right 속성
HTML DOM 참조 매뉴얼:borderRightWidth 속성
CSS 문법
border-right-width: medium|thin|thick|length|initial|inherit;
속성 값
| 값 | 설명 |
|---|---|
| 세밀한右边框을 정의합니다. | slim |
| medium | 기본 값. 중간 두께의右边框을 정의합니다. |
| thick | 두꺼운右边框을 정의합니다. |
| length | 右边框의 너비를 사용자 정의할 수 있습니다. |
| inherit | 부모 요소에서 상속해야 하는 브라우저의 테두리 너비를 정의합니다. |
기술 세부 사항
| 기본 값: | medium |
|---|---|
| 상속성: | no |
| 버전: | CSS1 |
| JavaScript 문법: | object.style.borderRightWidth="thick" |
추가 예제
- 右边框의 너비 설정
- 이 예제에서는右边框의 너비를 설정하는 방법을 보여줍니다.
브라우저 지원
표에 나타낸 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.
| 크롬 | IE / 엣지 | 파이어폭스 | 사파리 | 오페라 |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
주석:IE7 및 이전 버전의 브라우저는 "inherit" 값을 지원하지 않습니다. IE8은 !DOCTYPE가 필요합니다. IE9는 "inherit"을 지원합니다.
- 이전 페이지 border-right-style
- 다음 페이지 보더 스페이싱
