<html>
<head>
<style>
div {
background-color: lightgreen;
inline-size: 300px;
padding: 10px;
border-inline-width: 5px;
border-inline-style: solid;
direction: rtl;
border-inline-start-color: hotpink;
}
</style>
</head>
<body>
<h2>border-inline-start-color: hotpink:</h2>
<div>
<p>With direction property value set to 'rtl', the pink border at the start in the inline direction is on the right side.</p>
</div>
</body>
<!-- Mirrored from www.w3schools.com/cssref/tryit.php?filename=trycss_border-inline-start-color_direction by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 21 Dec 2022 17:35:37 GMT -->
</html>