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

背景の画像の位置を制御するためにCSSで使用されるプロパティはどれですか？

背景の画像の位置を制御するには、 background-positionを使用します プロパティ。

例

次のコードを実行して、 background-positionの操作方法を学ぶことができます。 財産。背景画像の位置を左側から30ピクセル離して設定します：

<html>
   <head>
      <style>
         body {
            background-image: url("/css/images/css.jpg");
            background-position:30px;
         }
      </style>
   </head>
   <body>
      <p>Tutorials point</>
   </body>
</html>

  1. CSSのpositionプロパティを使用して要素を整列する

    CSSポジショニングスキーマメソッド（固定、相対、絶対、静的）とプロパティ（左、右、上、下）を使用して要素を整列できます。 例 ポジショニングスキーマを使用して要素を整列させる例を見てみましょう- <!DOCTYPE html> <html> <head> <title>Alignment using CSS Position</title> <style> .screen {    padding: 10px;    width: 70%;    margin

  2. CSSのBackgroundShorthandプロパティ

    CSS背景省略形プロパティは、要素の背景を定義するために使用されます。 background-color、background-image、background-repeat、background-position、background-clip、background-size、background-origin、background-attachmentが一緒になって、CSSの背景プロパティを構成します。 構文 CSSバックグラウンドプロパティの構文は次のとおりです- Selector {    background: /*value*/ } 例 次の例は、CSSの背