CSS box-decoration-break Property

« Back to CSS box-decoration-break Property

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.multicol-3  {
  width: 350px;
  padding: 5px;
  border: 1px solid black;
  margin: 30px;
  font: 12px/16px sans-serif;
  vertical-align: text-top;
  -webkit-columns: 70px 3; /* Safari and Chrome */
  -moz-columns: 70px 3; /* Firefox */
  columns: 70px 3; /* CSS3 */
}
.inner-box {
  border: 3px solid limegreen;
  padding: 10px;
  -webkit-box-decoration-break: clone; /* Safari and Chrome */
  box-decoration-break: clone; /* CSS */
}
</style>
</head>
<body>
<div class="multicol-3">
  <div class="inner-box">
  Fox - a predatory mammal of the canine family, the most common and largest species of the genus foxes.
  </div>
</div>
</body>
</html>

If this site has been useful, we’d love your support! Running this site takes time and resources, and every small contribution helps us keep creating valuable content. Consider buying us a coffee to keep things going strong!

☕ Buy a Coffee