<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</title>
<style>
span {
border: 3px solid #8ebf42;
padding: 0em 1em;
border-radius: 12px;
font-size: 20px;
line-height: 2;
background-color: #ccc;
box-shadow: 5px 4px 10px #666;
box-decoration-break: slice;
}
</style>
</head>
<body>
<h2>Пример свойства box-decoration-break</h2>
<p>Здесь установлено значение "slice", которое является значением по умолчанию этого свойства.</p>
<span>Box<br>decoration<br>break<br>property<br>example.</span>
</body>
</html>