height
to
auto
interpolate-size: allow-keywords;Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint a quas doloremque repellendus voluptatum delectus maiores iure, quidem perspiciatis aspernatur? Voluptatibus corporis exercitationem optio sapiente cumque nemo quidem, earum maiores.
Eius commodi hic sint, quos voluptates cumque molestias tempore aspernatur consectetur porro officiis deserunt esse ut minus excepturi aliquam cupiditate qui. Obcaecati ipsam quos recusandae rem porro inventore ut repellendus.
height
to
auto
calc-size(auto, size)Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint a quas doloremque repellendus voluptatum delectus maiores iure, quidem perspiciatis aspernatur? Voluptatibus corporis exercitationem optio sapiente cumque nemo quidem, earum maiores.
Eius commodi hic sint, quos voluptates cumque molestias tempore aspernatur consectetur porro officiis deserunt esse ut minus excepturi aliquam cupiditate qui. Obcaecati ipsam quos recusandae rem porro inventore ut repellendus.
inline-size
to
min-content
::details-content
transition: height 0.2s, content-visibility 0.2s;
transition-behavior: allow-discrete;Lorem ipsum dolor sit, amet consectetur adipisicing elit. Commodi deserunt, autem nam officia distinctio ab ratione ipsa sunt, explicabo illum facere earum provident perferendis animi, cupiditate molestias doloribus consequatur nobis?