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 #8ebf42; padding: 0em 1em; border-radius: 12px; font-size: 20px; line-height: 2; background-color: #ccc; } span.ex2 { -webkit-box-decoration-break: slice; -o-box-decoration-break: slice; box-decoration-break: slice; } </style> </head> <body> <h2>Box-decoration-break example</h2> <p> Here the box-decoration-break is set to "slice" which is the default value of this property. </p> <span class="box">Box<br>decoration<br>break<br>property<br>example.</span> </body> </html>