css - CSS を使用して背景画像の幅を変更する

Question

私は次のコードを持っています：

#main {
  background: url(../../images/achtergrond.png) center top repeat-y;
}

背景画像の幅を変更することはできますか?

Answer 1

プロパティを使用background-sizeしてこれを行うことができます...

#main {
    background-size: 20px 50px;
    /* Other properties goes here */
}

最初のパラメーターは X 軸または水平方向で、もう 1 つは Y 軸または垂直方向です。

したがって、を変更したい場合はwidth、Y パラメータを必要な単位に設定し、X を設定する必要があります。auto

また、あなたが使用しているのは省略形のプロパティです。私が行ったことを取得できるように、特定のプロパティを提供しました。省略形のbackground-size宣言に確実に統合できます。