mirror of
https://github.com/servo/servo.git
synced 2025-06-16 20:34:30 +00:00
`invert` is not yet supported. Objects that get layers will not yet display outlines properly. This is because our overflow calculation doesn't take styles into account and because layers are always anchored to the top left of the border box. Since fixing this is work that is not related to outline *per se* I'm leaving that to a followup and making a note in the code.
21 lines
270 B
HTML
21 lines
270 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<style>
|
|
html, body {
|
|
margin: 0;
|
|
}
|
|
section {
|
|
position: relative;
|
|
width: 92px;
|
|
height: 92px;
|
|
border: solid red 2px;
|
|
outline: solid blue 2px;
|
|
top: 2px;
|
|
left: 2px;
|
|
}
|
|
</style>
|
|
<body>
|
|
<section></section>
|
|
</body>
|
|
</html>
|
|
|