Style borderColor Property

a의 네 테두리의 색상 변경 <div> 빨간색 요소를 :

document.getElementById("myDiv").style.borderColor = "red";

더 "Try it Yourself" 아래의 예.

정의 및 사용

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

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

하나 개의 값, 같은 : P {국경 색상 : 빨강} - 모든 네 테두리가 빨간색으로 표시됩니다
P : 같은 두 값, {국경 색상 : 빨간색 투명} - 위쪽 및 아래쪽 테두리 왼쪽, 빨간색되며 오른쪽 테두리는 투명하게됩니다
P : 같은 세 가지 값, {국경 색상 : 레드 그린 청색} - 상단 테두리 녹색 될 것입니다 테두리, 빨간색 좌우 될 것이다 아래쪽 테두리가 파란색으로 표시됩니다
P : 같은 네 개의 값, {국경 색상 : 레드 그린 파란색, 노란색} - 상단 테두리 빨간색 것이, 오른쪽 테두리가 녹색으로 될 것입니다, 아래쪽 테두리가 파란색 될 것입니다, 왼쪽 테두리가 노란색이 될 것입니다

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

재산
borderColor	1.0	4.0	1.0	1.0	3.5

의 borderColor 속성을 반환합니다 :

object .style.borderColor

의 borderColor 속성을 설정 :

object .style.borderColor=" 속성 값

값	기술
color	테두리의 색상을 지정합니다. 봐 CSS 색상 값 가능한 색상 값의 전체 목록. 기본 색상은 검은 색입니다
transparent	경계선의 색 (기본 내용이 빛을 발하게됩니다) 투명
initial	기본값으로이 속성을 설정합니다. 초기 읽기에 대한
inherit	부모 요소에서이 속성을 상속합니다. 대한 상속 읽기

(A)의 보라색, 녹색, 왼쪽 및 오른쪽 테두리에 위쪽과 아래쪽 테두리의 색상을 변경 <div> 요소 :

document.getElementById("myDiv").style.borderColor = "green purple";

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

alert(document.getElementById("myDiv").style.borderColor);