<html>
<head>
<style>
div {
background-color: lightgreen;
inline-size: 300px;
padding: 10px;
border-block-width: 5px;
writing-mode: vertical-rl;
border-block-end-style: dotted;
}
</style>
</head>
<body>
<h2>border-block-end-style: dotted:</h2>
<div>
<p>With writing-mode property value set to 'vertical-rl', the border affected by the border-block-end-style property is on the left.</p>
</div>
</body>
</html>