バックグラウンドサイズのクラスを結合する方法はありますか？

Question

CSSを使用して背景サイズを変更しようとしています：100の高さと100の幅が必要ですが、10,000のクラスを作成したくありません。例えば

// style 
.tall {background-size: whatever 200%} 
.narrow {background-size: 50% existing} 
// javascript 
element.className ="tall narrow"; 

私が知る限り、すべての可能な値を指定する必要があります。

.tall1 {background-size: 1% 200%} 
.tall2 {background-size: 2% 200%} 
.tall3 {background-size: 3% 200%} // etc. 

これには何らかの方法がありますか？

Answer 1

Javascriptを使用している場合は、dynamically set the valuesです。

element.style.backgroundPosition = value1 + '% ' + value2 + '%';