x
 
<!DOCTYPE html>
<html>
<head>
<style> 
div {
  background-color: lightgreen;
  inline-size: 300px;
  padding: 10px;
  border-inline-width: 5px;
  direction: rtl;
  border-inline-end-style: dotted;
}
</style>
</head>
<body>
<h2>border-inline-end-style: dotted:</h2>
<div>
  <p>当 direction 属性的值设置为 'rtl' 时,行内方向末尾的点状边框位于左侧。</p>
</div>
</body>
</html>