| <html> | |
| <style> | |
| #target | |
| { | |
| display: table; | |
| border-color: green; | |
| border-style: solid; | |
| padding: 1em 1em; | |
| } | |
| #target::before | |
| { | |
| content: "BEFORE"; | |
| display: table-row; | |
| border-color: blue; | |
| border-style: solid; | |
| padding: 1em 1em; | |
| } | |
| </style> | |
| <div id="target"> | |
| <span> CONTENT</span> | |
| </div> | |
| <script> | |
| document.body.offsetTop; | |
| target.style.color = "red"; | |
| </script> | |
| </html> |