x
<html><head><style> div { background-color: lightgreen; inline-size: 300px; padding: 10px; border-inline-width: 5px; direction: rtl; border-inline-start-style: dotted;}</style></head><body><h2>border-inline-start-style: dotted:</h2><div> <p>With direction property value set to 'rtl', the dotted border at the start in the inline direction is on the right side.</p></div></body></html>