JAVASCRIPT
JAVASCRIPT Padding쓰기
JDK's blog
2015. 11. 26. 23:11
이번엔 padding을 JAVASCRIPT를 사용하는 방법을 알려드릴께요
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17 |
<meta charset="utf-8"/>
<html>
<head>
<title>JDK의 블로그</title>
<script language="javascript">
//버튼클릭시 javascript 호출합니다.
function javascript(){
document.getElementById("testDiv1").style.padding = "10px 5px 100px 100px"; //위쪽 오른쪽 아래쪽 왼쪽 순입니다.
}
</script>
</head>
<body>
<input type='button' onclick='javascript()' value='버튼'/>
<div name='testDiv1' id='testDiv1' style='width:100px; border:1px solid #000'>text</div>
</body>
</html> |
cs |
버튼을 클릭전과 클릭후 그림이 각각 나옵니다.
