mirror of
https://github.com/servo/servo.git
synced 2025-06-19 22:59:03 +01:00
52b9951cad
`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.
18 lines
322 B
HTML
18 lines
322 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<!-- Tests that outlines draw on all four sides on word wrapped edges. -->
|
|
<style>
|
|
section {
|
|
width: 100px;
|
|
height: 100px;
|
|
border: solid black 2px;
|
|
font-size: 36px;
|
|
}
|
|
span {
|
|
outline: solid red 2px;
|
|
}
|
|
</style>
|
|
<body>
|
|
<section><span>I like truffles</span></section>
|
|
</body>
|
|
</html>
|