CSS

A property that adjusts left and right margins according to text direction.

margin-inline

margin-inline は、左右の余白を一括で指定できるプロパティです。

このプロパティは、左（start）と右（end）のマージン（外側の余白）を一度に指定できます。ページの表示方向（左から右、右から左）に合わせて自動的に調整されるため、多言語対応のWebサイトなどで特に便利です。

/* 左右に10pxずつ余白を設定 */
margin-inline: 10px;

/* 左右別々に設定も可能 */
margin-inline: 10px 20px; /* start: 10px, end: 20px */

たとえば、日本語や英語では「左→右」の表示ですが、アラビア語では「右→左」になります。このとき、margin-inlineを使えば、表示方向に応じて左右を自動で入れ替えてくれるため、コードの保守性が高まります。