When console.log is executed?

Question

I changed the attribute of the Node after printing it by "console.log" as you can see below.

<h1>Hello</h1>
<script>
    const h1 = document.querySelector('h1');
    console.log(h1);
    h1.style.color = 'red';
</script>

When I look at the console panel in devtool, I can see the log like below.

Result

My question is why 'style="color: red"' seems to be applied in console? Even it's before applying by the next line of the "console.log".