javascript backgroundPosition属性
翻訳結果：
背景
UK[ˈbækgraʊnd] US[ˈbækˌɡraʊnd]
n. (絵画など) 背景; 背景色; 背景情報; サウンドトラック
複数形: 背景
position
## English[pəˈzɪʃn] US[pəˈzɪʃən] n. 位置、方向、状態、位置、態度、位置、方向。 Statevt. 置く; 置く...適切な位置; 位置...; 軍隊を配置する三人称単数: 位置 複数: 位置 現在分詞: 位置する 過去形: 位置する過去分詞: 位置javascript backgroundPosition属性構文
機能:背景画像の位置を設定します。
構文: Object.style.backgroundPosition=position
パラメータ: x% y%、最初の値は水平位置です。 、2 番目の値は垂直位置です。左上隅は 0% 0% です。右下隅は 100% 100% です。 1 つの値のみを指定した場合、もう 1 つの値は 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>インスタンスの実行 »
[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します