• 회원가입
  • 로그인
  • 구글아이디로 로그인

[DOM_Style] JS - backgroundSize 속성 ★ - 배경이미지크기 설정/반환 (IE9 이상)

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>

 

결과보기

 

 

 정의 

 

 

 


 

 

.

기본값: 

반환값: 를 나타내는 문자열

CSS속성: 
CSS버전: CSS

4.

브라우저 지원. 

 

 

 

 구문 

 

[접근]

 

 

[설정]


 


 

[속성값]

 

 

 



분류 제목
DOM_Style JS - borderImage 속성 - 테두리이미지 설정/반환 (= borderImage속성 = 보더이미지속…
DOM_Style JS - borderImageOutset -
DOM_Style JS - borderImageRepeat -
DOM_Style JS - borderImageSlice -
DOM_Style JS - borderImageSource -
DOM_Style JS - borderImageWidth -
DOM_Style JS - borderLeft -
DOM_Style JS - borderLeftColor -
DOM_Style JS - borderLeftStyle -
DOM_Style JS - borderLeftWidth -
DOM_Style JS - borderRadius 속성 ★ - 테두리 둥글게 설정/반환 = 둥근 테두리 = 보더레이디어스 속성…
DOM_Style JS - borderRight -
DOM_Style JS - borderRightColor -
DOM_Style JS - borderRightStyle -
DOM_Style JS - borderRightWidth -
DOM_Style JS - borderSpacing 속성 - 테이블의 셀 간 간격 설정/반환 (= borderSpacing속성…
DOM_Style JS - borderStyle 속성 - 테두리스타일
DOM_Style JS - borderTop 속성 - 테두리상단 (= 상단테두리)
DOM_Style JS - borderTopColor -
DOM_Style JS - borderTopLeftRadius -
44/67
목록
찾아주셔서 감사합니다. Since 2012