CSS中repeat-x的基本用法

CSS内では、repeat-xは背景画像を水平方向に繰り返し表示するbackground-repeatプロパティの値です。

background-repeatプロパティの値としてrepeat-xを使用するのは非常に簡単です。例えば：

div {
  background-image: url("image.png");
  background-repeat: repeat-x;
}

div要素の水平方向にある”image.png”という名前の背景画像が、コンテナ全体が埋められるまで繰り返し表示されます。

重要な点は、repeat-xは背景画像を水平方向にのみ繰り返し表示します。背景画像を垂直方向に繰り返し表示したい場合は、repeat-y値を使用します。水平方向と垂直方向の両方で背景画像を繰り返し表示したい場合は、repeat値を使用するか、background-repeat属性を省略することができます。デフォルトではrepeat値が使用されます。