<html>
<head>
<style>
body {
background-color: #E7E9EB;
}
#myDIV {
width: 100%;
height: 300px;
background-color: #FFFFFF;
border-block-width: 10px;
border-block-style: dashed dotted;
}
</style>
</head>
<body>
<h1>The border-block-style Property</h1>
<div id="myDIV">
A demonstration on different styles of the borders in the block direction.
</div>
</body>
</html>