최신 웹 개발 튜토리얼
 

Style border Property

<스타일 개체

A와 테두리를 추가 <div> 요소 :

document.getElementById("myDiv").style.border = "thick solid #0000FF";
»그것을 자신을 시도

"Try it Yourself" 아래의 예.


정의 및 사용

약식 형태로 별도의 세 가지 테두리 속성까지 경계 속성을 설정하거나 반환합니다.

이 속성을 사용하면 중 하나 이상을 반환 / 설정할 수 있습니다 (순서에 상관없이) 다음 :

  • 국경 폭
  • 국경 스타일
  • 국경 컬러

브라우저 지원

테이블의 숫자는 완전히 속성을 지원하는 최초의 브라우저 버전을 지정합니다.

재산
border 1.0 4.0 1.0 1.0 3.5

통사론

border 속성을 반환합니다 :

object .style.border

border 속성을 설정합니다 :

object .style.border=" 속성 값
매개 변수 기술
width 테두리의 폭을 설정합니다
style 테두리의 스타일을 설정합니다
color 테두리의 색상을 설정합니다
initial 기본값으로이 속성을 설정합니다. 초기 읽기에 대한
inherit 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기

기술적 세부 사항

기본값: 지정되지
반환 값 : 요소의 테두리 너비, 스타일 및 / 또는 색상을 나타내는 문자열,
CSS 버전 CSS1

더 예

a의 경계의 폭, 스타일과 색상 변경 <div> 요소를 :

document.getElementById("myDiv").style.border = "thin dotted red";
»그것을 자신을 시도

a의 border 속성 값을 돌려줍니다 <div> 요소를 :

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

관련 페이지

CSS 자습서 : CSS 국경

CSS 참조 : border property


<스타일 개체