이 모듈은 또한 내재적 값(자동, 최대 콘텐츠, 맞춤 콘텐츠 등)으로 안전하게 작동할 수 있는 새로운 함수를 소개합니다. 이 함수는 전환과 애니메이션에 특히 유용합니다.

또한, 계산에 더 많은 유연성을 제공하기 위해 새로운 키워드(size)가 추가되어 크기 작업이 수월해졌습니다.

css:

details :: details-content {

 overflow: hidden;

 height: 0px;

 transition: height 1s;

}

details[open] :: details-content {

 height: calc-size(auto, size);

}

웹학교 무료강좌 / 웹학교 컨텐츠몰

PHP포탈 / 구인구직 솔루션

By 웹학교