예
추가 "solid" A와 국경을 <div> 요소 :
document.getElementById("myDiv").style.borderStyle = "solid"; »그것을 자신을 시도 정의 및 사용
BorderStyle 속성 집합 또는 요소의 테두리 스타일을 반환합니다.
이 속성은 하나에서 네 개의 값을 취할 수 있습니다
- 하나 개의 값, 같은 : P {국경 스타일 : 고체} - 네 테두리 고체 것
- P : 같은 두 값, {국경 스타일 : 고체 점선} - 위쪽 및 아래쪽 테두리 왼쪽, 고체되며 오른쪽 테두리 점선됩니다
- P : 같은 세 가지 값, {국경 스타일 : 고체 점을 두 번} - 상단 테두리 왼쪽 및 오른쪽 테두리가 점선되며, 고체 것, 아래쪽 테두리를 두 번 될 것입니다
- P : 같은 네 개의 값, {국경 스타일 : 고체 점을 두 번 파선} - 상단 테두리 단단한 것, 오른쪽 테두리가 점선되며, 아래쪽 테두리는 두 번, 왼쪽 테두리 점선됩니다됩니다
브라우저 지원
BorderStyle 속성은 모든 주요 브라우저에서 지원됩니다.
통사론
BorderStyle 속성을 반환합니다 :
object .style.borderStyle
BorderStyle 속성을 설정합니다 :
object .style.borderStyle= 속성 값 값 기술 none 테두리를 정의합니다. 이 기본이다 hidden 같은 "none" 표 요소에 대한 국경 분쟁 해결을 제외하고, dotted 점선 테두리를 정의합니다 dashed 점선 테두리를 정의합니다 solid 고체 경계를 정의 double 이 테두리를 정의합니다. 두 테두리의 폭은 폭 경계 값과 동일 groove 3 차원 홈 경계를 정의합니다. 효과는 국경 색상 값에 따라 달라집니다 ridge 3 차원 산마루 경계를 정의합니다. 효과는 국경 색상 값에 따라 달라집니다 inset 3 차원 삽입의 경계를 정의합니다. 효과는 국경 색상 값에 따라 달라집니다 outset 3 차원 초기 경계를 정의합니다. 효과는 국경 색상 값에 따라 달라집니다 initial 기본값으로이 속성을 설정합니다. 초기 읽기에 대한 inherit 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기
기술적 세부 사항
기본값: 없음 반환 값 : 요소의 테두리 스타일을 나타내는 문자열 CSS 버전 CSS1
더 예
예
a의 네 테두리의 스타일 변경 <div> 요소를 :
document.getElementById("myDiv").style.borderStyle = "dotted solid double
dashed";
»그것을 자신을 시도
예
모든 다른 값의 데모 :
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderStyle = listValue; »그것을 자신을 시도
관련 페이지
CSS 자습서 : CSS 국경
CSS 참조 : border-style property
HTML DOM 참조 : border property
<스타일 개체