구문 분석/렌더링 프로세스의 어느 시점에서 HTML 요소에 상자 모델이 할당됩니까?

Question

CSSOM 빌드 과정 중인가요(기본 패딩/테두리/여백이 모든 노드에 적용될 수 있음)?

Answer 1

요소의 상자는 소위 "레이아웃 업데이트" 단계에서 (재)계산됩니다. 이는 현재 하위 단계 14의 다음 "업데이트 렌더" 이벤트 루프 단계에서 (적어도) 발생하도록 지정*되어 있습니다.

그러나 일부 getter를 호출할 때 동기적으로 시행될 수도 있습니다.

* _{이것은 최근 사양에 추가된 것이지만 모든 브라우저가 이를 엄격하게 준수하는 것은 아닙니다. 예를 들어 경험을 통해 이 레이아웃 업데이트를 수행하기 위해 Safari는 다음 "페인트 프레임"을 기다리지 않고 일부만 기다리게 된다는 것을 알고 있습니다. 자유 시간.}