Run ❯
Get your
own
website
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html> <head> <style> div { background-color: lightgreen; inline-size: 300px; padding: 10px; border-inline-width: 5px; direction: rtl; border-inline-style: solid dotted; } </style> </head> <body> <h2>border-inline-style: solid dotted:</h2> <div> <p>With direction property value set to 'rtl', the solid border at the start in the inline direction is on the right side, and the dotted border at inline end is on the left side.</p> </div> </body> </html>
