javascript backgroundPosition성


  번역 결과:

배경

英[ˈbækgraʊnd] 美[ˈbækˌɡraʊnd]

n.(그림 등) 배경색; 배경 정보; ˈzʃn ] 美[ pəˈzˈʃən]

n. 위치, 위치, 상태

vt. 배치... 적절한 위치에...; 복수: position 현재분사: positioning 과거시제: position 과거분사: position

javascript backgroundPosition성통사론

기능: 배경 이미지의 위치를 ​​설정합니다.

구문: ​​Object.style.BackgroundPosition=position

매개변수: x% y%, 첫 번째 값은 가로 위치, 두 번째 값은 세로 위치입니다. 왼쪽 상단은 0% 0%입니다. 오른쪽 하단은 100% 100%입니다. 하나의 값만 지정하면 다른 값은 50%가 됩니다. 픽셀 단위 컨트롤도 사용할 수 있습니다.

javascript backgroundPosition성예

<html>
<head>
<style type="text/css">
body
{
background-color:#FFCC80;
background-image:url(http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg);
background-repeat:no-repeat
}
</style>
<script type="text/javascript">
function changePosition()
{
document.body.style.backgroundPosition="bottom center";
}
</script>
</head>
<body>

<input type="button" onclick="changePosition()"
value="Change background-image position" />

</body>
</html>

인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

비디오

Q&A