​x
 
<!DOCTYPE html>
<html>
<head>
<style> 
div {
  background-color: lightgreen;
  inline-size: 300px;
  padding: 10px;
  direction: rtl;
  border-inline-start: 5px solid hotpink;
}
</style>
</head>
<body>
​
<h2>border-inline-start and direction</h2>
<div>
  <p>当 direction 属性的值设置为 'rtl' 时，行内方向开始处的粉色边框位于右侧。</p>
</div>
​
</body>
</html>
​