자바스크립트 borderStyle 속성
번역 결과：
영어 [ˈbɔ:də stail] 미국 [ˈbɔrdɚ staˈl]
Edge 스타일
자바스크립트 borderStyle 속성통사론
기능: 네 개의 테두리 모두에 대한 테두리 스타일을 설정하거나 반환합니다.
구문: Object.style.borderStyle=style
매개변수: none 테두리를 정의하지 않습니다. 숨겨진은 "없음"과 동일합니다. 테두리 충돌을 해결하기 위해 숨김이 사용되는 테이블에 적용되는 경우는 제외됩니다. 점선은 점선 테두리를 정의합니다. 대부분의 브라우저에서는 실선으로 렌더링됩니다. 점선은 점선을 정의합니다. 대부분의 브라우저에서는 실선으로 렌더링됩니다. solid는 실선을 정의합니다. double은 이중선을 정의합니다. 이중선의 너비는 border-width 값과 같습니다. 홈은 3D 홈 경계를 정의합니다. 효과는 border-color 값에 따라 달라집니다. 능선은 3D 능선 경계를 정의합니다. 효과는 border-color 값에 따라 달라집니다. 삽입은 3D 삽입 테두리를 정의합니다. 효과는 border-color 값에 따라 달라집니다. 아웃셋은 3D 아웃셋 테두리를 정의합니다. 효과는 border-color 값에 따라 달라집니다.
자바스크립트 borderStyle 속성예
<html>
<head>
<style>
p
{
border: thick solid #FF0000
}
</style>
<script type="text/javascript">
function changeBorder()
{
document.getElementById("p1").style.borderStyle="dotted double";
}
</script>
</head>
<body>
<form>
<input type="button" onclick="changeBorder()"
value="Change paragraph border style" />
</form>
<p id="p1">This is a paragraph</p>
</body>
</html>인스턴스 실행 »
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요