layout: Implement outline-offset per CSS-UI-3 § 5.5.

This commit is contained in:
Patrick Walton 2015-01-01 13:27:50 -05:00
parent a88e668091
commit af7cf26e76
6 changed files with 62 additions and 4 deletions

View file

@ -225,3 +225,4 @@ fragment=top != ../html/acid2.html acid2_ref.html
== stacking_context_overflow_a.html stacking_context_overflow_ref.html
== stacking_context_overflow_relative_outline_a.html stacking_context_overflow_relative_outline_ref.html
== word_break_a.html word_break_ref.html
== outline_offset_a.html outline_offset_ref.html

View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<html>
<head>
<style>
html, body {
margin: 0;
}
section {
background: red;
outline: solid green 32px;
outline-offset: 32px;
width: 32px;
height: 32px;
margin: 64px;
}
</style>
</head>
<body>
<section></section>
</body>
</html>

View file

@ -0,0 +1,24 @@
<!DOCTYPE html>
<html>
<head>
<style>
html, body {
margin: 0;
}
section {
border: solid green 32px;
width: 96px;
}
div {
width: 32px;
height: 32px;
border: solid white 32px;
background: red;
}
</style>
</head>
<body>
<section><div></div></section>
</body>
</html>