English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS 참조 가이드

CSS @규칙(RULES)

CSS 속성 전체

CSS border-right-width 속성 사용 방법 및 예제

border-right-width CSS 속성을 사용하여 단일 요소의 오른쪽 경계선 너비를 단独으로 설정할 수 있습니다. 그러나 많은 경우에,como   border-width또는border-right 이러한 단축 CSS 속성은 더 쉽게 사용되고, 더 좋습니다.

아래 표는 이 속성의 사용 설명과 버전 기록, 그리고 JavaScript 스크립트에서 이 속성의 사용 문법을 나타냅니다.

기본 값:medium
적용:모든 요소
thừa kế:없음
애니메이션 가능:네.다음을 참조하십시오: 애니메이션 속성
버전:CSS 1,2,3
JavaScript 문법:    
object.style.borderRightWidth="thick"

border-right-width 사용 문법

이 속성의 문법은 다음과 같습니다:

border-right-width: thin | medium | thick | length | initial | inherit

아래 예제는 border를 사용하는 방법을 보여줍니다.-right-width 속성.

  p {
   border-style: solid;
   border-right-width: 15px;
  }
테스트를 보세요‹/›

주의:border 속성에서-bottom-width 속성 이전에 선언border-style속성. 요소는 경계선을 설정하기 전에 경계선을 가지고 있어야 합니다.border-style속성의 기본 값은 none입니다.

속성 값

아래 표는 이 속성의 값을 설명합니다.

설명
thin细则.
medium중간 경계선.
thick두꺼운 경계선.
lengthpx, pt, cm, em 등의 단위로 구성된 길이 값. 부정 값은 허용되지 않습니다.
initial이 속성을 기본 값으로 설정합니다.
inherit지정된 경우, 관련 요소는 부모 요소의 border를 사용합니다.-right-width 속성 값.

브라우저 호환성

border-right-width 속성의 브라우저 호환성, 아래 표의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다; 모든 주요 브라우저는 이 속성을 지원합니다.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

더 읽기

다음 튜토리얼을 참조하십시오:CSS Border

관련 속성:borderborder-widthborder-rightborder-right-color
border-right-style