Отображать содержимое ``, когда `` закрыто ⇐ CSS

[Anonymous]

Есть ли способ отобразить содержимое элемента , даже если он свернут?
Я хотел бы стилизовать содержимое элемента по-разному в зависимости от того, имеет ли он атрибут open.
Ниже приведен пример того, чего я пытаюсь достичь. Я бы хотел, чтобы текст обрезался, когда элемент сворачивается, но увеличивался, чтобы отображать все его содержимое при раскрытии. (Точная реализация обрезки текста и расширения содержимого здесь не имеет значения. Важно просто заставить тег отображаться, когда свернут.)

Код: Выделить всё

details[open] p {
flex-grow: 1;
}

details:not([open]) p {
display:       inline;
max-height:    3em;
text-overflow: ellipsis;
}

Код: Выделить всё

This is the summary element.
This is the details element.

Подробнее здесь: https://stackoverflow.com/questions/694 ... -is-closed