Каково значение по умолчанию для поля отображения в модуле отображения CSS level3?

Question

Я думаю о предстоящих свойствах отображения в модуле отображения CSS уровня 3. Они должны упростить веб-разработку.Но я не могу понять, как правильно использовать display-box.Что если я спрятал элемент, используя код element.style.displayBox = 'none', а затем хочу показать его обратно?Установка значения content, кажется, не то, что я хочу.Может быть, просто установить пустую строку element.style.displayBox = ''?

Answer 1

Уровень 3 модуля отображения CSS не изменяет свойство стиля на displayBox, он просто добавляет дополнительные параметры к display, одним из них является contents

. Подробнее об этом можно прочитать здесь в спецификации

Здесь вы можете увидеть информацию о поддержке браузера:

https://caniuse.com/#search=display-contents

Демо

Это демо имеетdisplay свойство устанавливается на none, а затем через 1,5 секунды устанавливает его на contents.

setTimeout(() => {
  const box = document.getElementById('box');
  box.style.display = 'contents';
}, 1500);

#box {
  display: none;
}

<div id="box">
  <p>I appear after 1.5 seconds</p>
</div>