Rendering

CSSOM

The CSS Object Model: a tree built from all CSS rules. Combined with the DOM, it gives every node its final style after the cascade and inheritance. The style half of what gets rendered.

body { font-size: 16px } becomes a computed style nodes can inherit.

body {
font: 16px;
color: #222;
}
→
stylesheet
body
font: 16px
color: #222
Watch CSS rules become a tree

One of 40 cards in the JavaScript deck. Browse every card.