Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> span { border: 3px solid #1c87c9; padding: 0em 1em; border-radius: 12px; font-size: 20px; line-height: 2; } span.box { box-decoration-break: clone; -webkit-box-decoration-break: clone; -o-box-decoration-break: clone; } </style> </head> <body> <h2>Box-decoration-break example</h2> <p>Here the box-decoration-break is set to "clone".</p> <span class="box">Box<br>decoration<br>break<br>property<br>example.</span> </body> </html>