解析/レンダリング プロセスのどの時点で HTML 要素にボックス モデルが割り当てられますか?

Question

CSSOM のビルド プロセス中ですか (デフォルトのパディング/ボーダー/マージンがすべてのノードに適用される可能性があります)。

Answer 1

要素のボックスは、いわゆる「レイアウトの更新」フェーズで (再) 計算されます。これは現在、(少なくとも) 次の 「レンダリングの更新」 イベント ループ ステップで発生するように指定されています*。サブステップ 14:

ただし、 一部のゲッター を呼び出すときに同期的に強制することもできます。

##これは仕様に最近追加されたものですが、すべてのブラウザがこの仕様に厳密に従っているわけではありません。たとえば、経験から、Safari は次の「ペイント フレーム」がこのレイアウトの更新を実行するのを待たないことがわかっています。でも、ちょっとした自由時間。