style.backgroundSize 예제
<style> #hz { border: 1px solid black; width: 300px; height: 150px; padding: 35px; background: url('https://i.imgur.com/PQNhCln.gif') no-repeat top right; } </style> <button onclick="homzzang()">클릭</button> <div id="hz"> 홈짱닷컴 Homzzang.com </div> <script> function homzzang() { document.getElementById("hz").style.backgroundSize = "100px 100px"; } </script> 결과보기
<style>
#hz {
border: 1px solid black;
width: 300px;
height: 150px;
padding: 35px;
background: url('https://i.imgur.com/PQNhCln.gif') no-repeat top right;
}
</style>
<button onclick="homzzang()">클릭</button>
<div id="hz">
홈짱닷컴 Homzzang.com
</div>
<script>
function homzzang() {
document.getElementById("hz").style.backgroundSize = "100px 100px";
</script>
결과보기
정의
. 기본값: 반환값: 를 나타내는 문자열 CSS속성: CSS버전: CSS4. 브라우저 지원.
.
기본값:
반환값: 를 나타내는 문자열
CSS속성: CSS버전: CSS4.
브라우저 지원.
구문
[접근] [설정] [속성값]
[접근]
[설정]
[속성값]