HTML & CSS · Senior · Question 5 of 75

Which stages does the browser go through to update a frame after a style change?

Explanation

The rendering pipeline: style recalculation (Style) → geometry (Layout/Reflow) → painting layer pixels (Paint) → layer composition (Composite). Changing width runs everything from Layout, changing color from Paint, while transform and opacity can get away with Composite alone.

Further reading

Problem with a question

HTML & CSS · Senior · question 5

Test yourself

Take the HTML & CSS · Senior quiz: questions and options are shuffled, and you get a review of your mistakes at the end.

Take this quiz