ボトムボーダーの画像として使用：「後」擬似要素で画像を繰り返し、背景のサイズを制御できますか？

Question

下の境界線として1つのイメージを使用するのに失敗しています。ここでの試行をご覧ください：Use border image only for bottom border? Our CSS seems to replicate the image across the whole div instead

ここで、 "after"擬似要素をボーダーボトムイメージとして使用しようとしています。

問題は、contentプロパティ内の画像のサイズを定義することも、擬似要素の幅全体にわたって繰り返すこともできないことです。これは可能ですか？

Answer 1

.some-div:after { 
    content: ''; 
    display: block; 
    width: 100px; /* example */ 
    height: 2px; 
    background: url('../images/path-to-your-image.png') repeat-x; 
} 

コードに基づいて位置を追加するだけで（浮動小数点数、絶対値、その他）追加する必要があります。