CSS border-width 속성

과목 추천：

정의와 사용법

border-width 단축 속성은 요소의 모든 경계 너비를 설정하거나 각 경계별로 단 独적으로 설정할 수 있습니다.

불투명한 경계 스타일이 아닌 경우에만 작동합니다. 불투명한 경계 스타일이면 실제 경계 너비는 0으로 재설정됩니다. 음수 길이 값을 지정할 수 없습니다.

예제 1
  • border-width:thin medium thick 10px;
  • 위 경계는細 경계입니다
  • 위 경계는 10px입니다
  • 오른쪽 경계는 중간 경계입니다

왼쪽 경계는 10px 너비의 경계입니다

예제 2
  • border-width:thin medium thick;
  • 위 경계와 아래 경계는細 경계입니다
  • 위 경계는 10px입니다

아래 경계는 두꺼운 경계입니다

예제 3
  • border-width:thin medium;
  • 위 경계와 아래 경계는細 경계입니다

오른쪽 경계와 왼쪽 경계는 중간 경계입니다

예제 4
  • border-width:thin;

모든 네 개의 경계는細 경계입니다

예제

네 개의 경계의 너비를 설정합니다：
  p
  {
  border-style:solid;
  border-width:15px;

}

개인적으로 시도해 보세요

CSS 문법lengthborder-width: medium|thin|thick|

|initial|inherit;

속성 값 값
설명 thin
medium 기본. 중간 경계를 정의합니다.
thick 두꺼운 경계를 정의합니다.
length 경계의 너비를 사용자 정의할 수 있도록 합니다.
inherit 경계 너비를 부모 요소에서 상속받도록 지정해야 합니다.

더 많은 예제

모든 경계 너비 속성은 하나의 선언에 있습니다
이 예제는 단축 속성을 사용하여 모든 경계 너비 속성을 동일한 선언에 설정하는 방법을 보여줍니다.

기술 세부 사항

기본 값： medium
상속성： no
버전： CSS1
JavaScript 문법： object.style.borderWidth="thin thick"

브라우저 지원

표에 나타난 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

크롬 IE / 엣지 파이어폭스 사파리 오페라
1.0 4.0 1.0 1.0 3.5

추가로 참조하십시오：

CSS 교본：CSS 텍스트-테두리

HTML DOM 참조 매뉴얼：borderWidth 속성