javascript backgroundPosition属性


  翻訳結果:

背景

UK[ˈbækgraʊnd] US[ˈbækˌɡraʊnd]

n. (絵画など) 背景; 背景色; 背景情報; サウンドトラック

複数形: 背景

position

## English[pəˈzɪʃn] US[pəˈzɪʃən]

n. 位置、方向、状態、位置、態度、位置、方向。 State

vt. 置く; 置く...適切な位置; 位置...; 軍隊を配置する

三人称単数: 位置 複数: 位置 現在分詞: 位置する 過去形: 位置する過去分詞: 位置

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>

インスタンスの実行 »

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します

ホームページ

ビデオ

に質問