요소에게 CSS 처리시 예상되는 변화의 종류에 관한 힌트를 유저 에이전트(user agent)에게 제공하게 하여 사전에 최적화한다.
기존 성능 문제를 해결하기 위한 최후의 수단으로 사용하기 위한 것이다. 성능 문제를 예상하는 데 사용해서는 안된다.
auto | <animateable-feature>#
아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다.
요소에게 어떤 종류의 변경을 수행할 것으로 예상되는지 유저 에이전트에게 렌더링 힌트를 제공하기 위한 값을 나타낸다. 이것은 유저 에이전트가 해당 변경 사항을 원활하게 렌더링하는 데 필요한 최적화를 미리 수행하여 변경(예: 애니메이션 등)이 되는 시점에 끊김 현상을 방지할 수 있다.
scroll-position | contents | <custom-ident>
임의의 사용자 정의 문자열을 나타낸다.
모든 속성을 표시하지 않을 수도 있다.
애니메이션으로 사용할 미리 정의된 키프레임 셋의 이름을 설정한다.
그리드 항목이 몇 개의 열(column)로 확장되는지 또는 항목이 끝나는 열(column)의 줄의 위치를 정의한다.
그리드 항목이 시작되는 열(column)의 줄의 위치를 정의한다.
그리드 항목이 몇 개의 행(row)으로 확장되는지 또는 그리드 항목이 끝나는 행(row)의 위치를 정의한다.
그리드 항목이 시작될 행(row)의 위치를 정의한다.
하나 이상의 CSS 카운터 값을 늘리거나 줄인다.
하나 이상의 CSS 카운터를 만들거나 재설정한다.
목록의 마커의 모양을 설정한다.
유저 에이전트가 휴리스틱(heuristics)과 최적화를 적용한다.
가까운 미래에 요소의 내용에 대해 애니메이션을 적용하거나 변경할 것으로 예상함을 나타낸다.
가까운 미래에 요소의 스크롤 위치를 움직이거나 변경할 것으로 예상함을 나타낸다.
다음 키워드는 속성에 따라 다른 의미를 가질 수도 있다. 값 사용에 대한 자세한 사항은 아래 값 항목을 참고하라.
CSS 속성에 따라 정해진 값으로 처리한다. 속성에 따라 auto가 갖는 값의 의미는 다르므로 반드시 해당 속성에서의 값이 의미하는 내용을 확인해야 한다.
다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.
특별한 의도를 나타내지 않는다. 유저 에이전트(user agent)는 일반적으로 수행하는 휴리스틱(heuristics) 및 최적화를 수행한다.
가까운 미래에 요소의 내용에 대해 애니메이션을 적용하거나 변경할 것으로 예상함을 나타낸다.
가까운 미래에 요소의 스크롤 위치를 움직이거나 변경할 것으로 예상함을 나타낸다.
| Modules | ||
|---|---|---|
| Module Name | Status | Summary |
| CSS Will Change Module Level 1 | Last review date: 2023-2-15 | |
