Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Titre du 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>Exemple de box-decoration-break</h2> <p>Ici box-decoration-break est définie à "slice" qui est la valeur initiale de cette propriété.</p> <span class="box">Exemple<br>de<br>box<br>decoration<br>break.</span> </body> </html>