Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScript DOMで背景画像の開始位置を設定するにはどうすればよいですか？

JavaScriptで背景画像の開始位置を設定するには、 backgroundpositionを使用します 財産。画像の位置を設定できます。

例

次のコードを実行して、JavaScriptで背景画像のすべての位置を設定する方法を学ぶことができます-

<!DOCTYPE html>
<html>
   <head>
      <style>
         body {
            background-repeat: no-repeat;
         }
      </style>
   </head>
   <body>
      <button onclick="display()">Click to Set background image</button>
      <script>
         function display() {
            document.body.style.backgroundImage = "url('https://www.tutorialspoint.com/html5/images/html5-mini-logo.jpg')";
            document.body.style.backgroundPosition="top right";
         }
      </script>
   </body>
</html>

  1. ウェブページの背景画像を設定するにはどうすればよいですか？

    Webページの背景画像を設定するには、CSSスタイルを使用します。 CSSのタグの下に、プロパティbackground-imageを追加します。このプロパティは、jpg、png、svg、gifなどのグラフィックを設定します。HTML5は背景属性をサポートしていないため、CSSを使用して設定された背景画像を変更します。 例 次のコードを試して、Webページの背景画像をHTMLで設定できます ライブデモ <!DOCTYPE html> <html>    <head>       <style>

  2. CSSで背景画像の位置を設定する

    背景画像の位置を設定するには、 background-positionを使用します 財産。次のコードを実行して、 background-positionの操作方法を学ぶことができます。 プロパティ： 例 背景画像の位置を左側から80ピクセル離して設定します： <html>    <head>       <style>          body {             background-i