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