336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
안녕하세요. 이번엔 바로 각각 위,아래,오른쪽,왼쪽에 대해서 padding을 지정하는 방법을 알려드릴꺼예요
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23 |
<meta charset="utf-8"/>
<html>
<head>
<title>JDK의 블로그</title>
<script language="javascript">
//버튼클릭시 javascript 호출합니다.
function javascript(){
document.getElementById("testDiv1").style.paddingLeft = "20px"; //왼쪽 순입니다.
document.getElementById("testDiv1").style.paddingRight = "5px"; //오른쪽
document.getElementById("testDiv1").style.paddingTop = "50px"; //위쪽
document.getElementById("testDiv1").style.paddingBottom = "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 |
바로 실행화면과 결과하면을 보여드릴꼐요.
실행화면
버튼클릭 후에 결과하면
'JAVASCRIPT' 카테고리의 다른 글
| JAVASCRIPT href사용해서 이동하기(팝업에서 부모창이동포함) (0) | 2015.11.28 |
|---|---|
| JAVASCRIPT getElementsByName사용하기 (0) | 2015.11.28 |
| JAVASCRIPT Padding쓰기 (0) | 2015.11.26 |
| JAVASCRIPT border의 선종류 (0) | 2015.11.26 |
| JAVASCRIPT 아래쪽테두리사용하기(borderBottom) (0) | 2015.11.25 |