横書きの日本語や英語の様に1行は左から右、改行は上から下方向に流れる文書と、縦書きの日本語の様に1行は上から下、改行は右から左に流れる文書、アラビア語のように1行は右から左に流れる文書など、言語等によって文字方向が異なります。height, width, right, left, top, bottom のように「高さ・幅・上下左右」で方向を示すのではなく、「改行の進む方向、1行の進む方向」を基準で表すのが block、inline です。

下記に対応表を示します。対応属性には、通常の左から右への横書き方向の場合に対応する属性を示しています。属性値は対応属性と同じものが指定できます。

.box {
  display: inline-block;
  padding: .2rem;
  margin: .2rem;
  border-block-start: 4px solid red;     /* 行の開始方向 */ 
  border-block-end: 4px solid blue;      /* 行の終了方向 */
  border-inline-start: 4px solid green;  /* 文字の開始方向 */
  border-inline-end: 4px solid orange;   /* 文字の終了方向 */
}
.vt {
  writing-mode: vertical-rl;
}
.rtl {
  direction: rtl;
}

<div class="box">横書き</div>
<div class="box vt">縦書き</div>
<div class="box rtl">عربي</div>

• https://developer.mozilla.org/ja/docs/Web/CSS/Reference#index
• https://drafts.csswg.org/css-logical/#box