HTML Code

<!DOCTYPE html>



<html lang="ar" dir="rtl">



<head>



  <meta charset="UTF-8">



  <meta name="viewport" content="width=device-width, initial-scale=1.0">



  <title>CSS border-inline-width RTL Example</title>



  <style>



    body {



      font-family: sans-serif;



      padding: 1.5rem;



      background: #f8fafc;



    }



    .rtl-box {



      direction: rtl;



      max-width: 16rem;



      padding: 0.75rem 1rem;



      border-inline-width: 5px;



      border-inline-style: solid;



      border-inline-color: #059669;



      background: #ecfdf5;



    }



  </style>



</head>



<body>



  <h1>Inline Width in RTL</h1>



  <div class="rtl-box">حدود داخلية على جانبي النص</div>



</body>



</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

CSS border-inline-width Property - RTL 5px