Как пропустить первый параметр в строке данного свойства css?

Question

У меня есть html объект DOM на element.style.backgroundSize, и я могу передать ему аргумент, например, "100px 100px", означающий ширину и высоту.

Если я пропущу параметр и отправлю ему только один аргумент, например, «100px», он будет просто интерпретировать ширину.

Как передать ему только параметр высоты?

«auto 100px» неисправность.

Answer 1

Свойство background-size принимает значения в форме auto 100px, , как указано в MDN . Чтобы указать background-size с помощью JavaScript, вы можете сделать следующее:

const element = document.querySelector('div');

/* Apply background size with specified height only */
element.style.backgroundSize = `auto 100px`;

div {
  width:200px;
  height:200px;
  /* Image's natural dimensions larger than 100px */
  background:url(https://via.placeholder.com/350x350) no-repeat red center;
}

<div></div>