x
 
<!DOCTYPE html>
<html>
<head>
<style> 
div {
  background-color: lightgreen; /* 背景颜色为浅绿色 */
  inline-size: 300px; /* 内联方向大小为 300 像素 */
  padding: 10px; /* 内边距为 10 像素 */
  border-block-width: 5px; /* 块方向边框宽度为 5 像素 */
  writing-mode: vertical-rl; /* 书写模式为垂直从右到左 */
  border-block-end-style: dotted; /* 块方向结束处的边框样式为点状 */
}
</style>
</head>
<body>
<h1>border-block-end-style: dotted:</h1>
<div>
  <p>当 writing-mode 属性值设置为 'vertical-rl' 时,受 border-block-end-style 属性影响的边框位于左侧。</p>
</div>
</body>
</html>