​x
 
<!DOCTYPE html>
<html>
<head>
<style> 
#example {
  background-color: lightgreen;
  inline-size: 300px;
  padding: 10px;
  border-inline-style: solid;
  writing-mode: vertical-rl;
  border-inline-width: 5px;
}
</style>
</head>
<body>
​
<h2>border-inline-width: 5px:</h2>
<div id="example">
  <p>当 writing-mode 属性的值设置为 'vertical-rl' 时，受 border-inline-width 属性影响的边框位于顶部和底部。</p>
</div>
​
</body>
</html>
​