小さなイメージを繰り返して「hr」を作るにはどうすればいいですか？

Question

私はmyImg.pngと呼ばれる256x256の画像を持っています。 myImg.pngの16x16の繰り返しバージョンを使用するhr要素を作りたいと思います。

私のこれまでのCSS：

hr#target { 
    border: 0; 
    height: 15px; 
    background-color: #333; 
    background-image: url(myImg.png); 
    background-repeat: repeat-x; 
    overflow: hidden; 
} 

しかし、これは、私はそれだけの15ピクセルを見ることができる完全な256×256サイズで私の画像の2回の繰り返しを示しています。

hr背景イメージは、myImg.pngの小さなバージョンの行です。

Answer 1

使用background-sizeのように：言及@bjskistadとして

hr#target { 
    border: 0; 
    height: 15px; 
    background-color: #333; 
    background-image: url(myImg.png); 
    background-repeat: repeat-x; 
    background-size: 16px 16px; 
    overflow: hidden; 
} 

、あなたは本当にすでに正しいサイズのイメージを使用する必要があります。