Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-break/box-decoration-break-clone-split-inline.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<meta charset="utf-8">
<title>box-decoration-break: clone should not insert decorations around a block-level box that has split the inline.</title>
<link rel="author" title="Psychpsyo" href="mailto:psychpsyo@gmail.com">
<link rel="help" href="https://www.w3.org/Style/css2-updates/css2/visuren.html#:~:text=When%20an%20inline%20box%20contains%20an%20in-flow%20block-level%20box">
<link rel="match" href="box-decoration-break-clone-split-inline-ref.html">
<meta name="assert" content="box-decoration-break: clone should not insert decorations around an in-flow block-level box that has split the inline.">
<style>
span {
border: 10px solid magenta;
padding: 10px;
margin: 10px;
line-height: 200px;
box-decoration-break: clone;
}
div {
border: solid cyan;
line-height: initial;
width: 200px;
}
</style>
<span>
inline before split
<div>There should be no magenta around this.</div>
inline after split
</span>