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: #cccccc; box-shadow: 5px 4px 10px #666666; box-decoration-break: slice; -webkit-box-decoration-break: slice; -o-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>Box<br>decoration<br>break<br>property<br>example.</span> </body> </html>