JAVASCRIPT
JAVASCRIPT border의 선종류
JDK's blog
2015. 11. 26. 22:48
안녕하세요. 이번엔 테두리 종류를 보여드릴려고 합니다.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29 |
<meta charset="utf-8"/>
<html>
<head>
<title>JDK의 블로그</title>
<script language="javascript">
//버튼클릭시 javascript 호출합니다.
function javascript(){
document.getElementById("testDiv1").style.borderBottom = "1px solid #000000"; //아래쪽메두리를 1픽셀로 검정색으로 추가합니다.
document.getElementById("testDiv2").style.borderBottom = "1px dotted #000000"; //아래쪽메두리를 1픽셀로 검정색으로 추가합니다.
document.getElementById("testDiv3").style.borderBottom = "1px dashed #000000"; //아래쪽메두리를 1픽셀로 검정색으로 추가합니다.
document.getElementById("testDiv4").style.borderBottom = "1px double #000000"; //아래쪽메두리를 1픽셀로 검정색으로 추가합니다.
}
</script>
</head>
<body>
<input type='button' onclick='javascript()' value='버튼'/>
<div name='testDiv1' id='testDiv1' style='width:100px'>text</div>
<div name='testDiv2' id='testDiv2' style='width:100px'>text</div>
<div name='testDiv3' id='testDiv3' style='width:100px'>text</div>
<div name='testDiv4' id='testDiv4' style='width:100px'>text</div>
</body>
</html> |
cs |
1,2,3,4번쨰를 각각
버튼을 클릭시에 선, 점선, 굵은 점선, 선2개를 각각 표시해줍니다.