최신 웹 개발 튜토리얼
 

Style borderWidth Property

<스타일 개체

예

a의 네 테두리의 폭 변경 <div> 요소를 :

document.getElementById("myDiv").style.borderWidth = "thick";
»그것을 자신을 시도

정의 및 사용

borderWidth의 속성 집합 또는 요소의 테두리 폭을 반환합니다.

이 속성은 하나에서 네 개의 값을 취할 수 있습니다

  • 하나 개의 값, 같은 : P {국경 폭 : 두꺼운} - 네 테두리 두께 될 것입니다
  • P : 같은 두 값, {국경 폭 : 두꺼운 얇은} - 위쪽 및 아래쪽 테두리 왼쪽 및 오른쪽 테두리가 얇은 것, 두꺼운 것
  • P : 추천 세 값 {경계 폭 : 두꺼운 얇은 매체} - 상단 테두리 좌우 테두리가 얇은 것, 두꺼운 것, 하단 테두리 매체 것
  • P : 같은 네 개의 값 {경계 폭 : 두꺼운 얇은 매체 10px} - 상단 테두리가 두꺼운 것는 오른쪽 경계가 얇은 것, 하단 테두리 매체 것, 왼쪽 경계가 될 것이다 10px

브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

borderWidth 속성은 모든 주요 브라우저에서 지원됩니다.

통사론

borderWidth 속성을 반환합니다 :

object .style.borderWidth

borderWidth 속성을 설정 :

object .style.borderWidth="thin|medium|thick| 속성 값
값 기술
thin 얇은 경계를 정의
medium 중간 경계를 정의합니다. 이 기본이다
thick 두꺼운 경계를 정의
length 길이 단위 경계의 폭
initial 기본값으로이 속성을 설정합니다. 초기 읽기에 대한
inherit 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기

기술적 세부 사항

기본값: 매질
반환 값 : 요소의 테두리 폭을 나타내는 문자열
CSS 버전 CSS1

더 예

예

두께의 위쪽 및 아래쪽 테두리의 폭, 그리고 얇은에 왼쪽과 오른쪽 테두리 변경 <div> 요소를 :

document.getElementById("myDiv").style.borderWidth = "thick thin";
»그것을 자신을 시도

예

(A)의 네 테두리의 폭을 변경 <div> 길이 값을 이용하여, 소자 :

document.getElementById("myDiv").style.borderWidth = "1px 5px 10px 20px";
»그것을 자신을 시도

예

a의 테두리 폭을 돌려줍니다 <div> 요소를 :

alert(document.getElementById("myDiv").style.borderWidth);
»그것을 자신을 시도

관련 페이지

CSS 자습서 : CSS 국경

CSS 참조 : border-width property

HTML DOM 참조 : border property

<스타일 개체