<html>
<head>
<style>
div {
background-color: lightgreen;
inline-size: 300px;
padding: 10px;
direction: rtl;
border-inline-end: 5px solid hotpink;
}
</style>
</head>
<body>
<h1>border-inline-end 和 direction</h1>
<div>
<p>当 direction 属性值设置为 'rtl' 时,行内方向末尾的粉色边框位于左侧。</p>
</div>
</body>
</html>