CSS margin-inlineジェネレーター
論理的なインラインマージン（横方向）を設定するCSSを生成。
margin-inline: 16px;
margin-inline-start: 16px; margin-inline-end: 16px;
プレビュー
要素（左右のマージンが適用されています）
CSS margin-inlineとは？
margin-inlineは、書字方向に依存しない論理的なマージン指定です。横書きの場合は左右、縦書きの場合は上下のマージンを設定します。
従来のmargin-left/margin-rightは物理的な方向を指定するため、多言語対応やwriting-modeの変更に弱い欠点がありました。 margin-inlineを使うことで、RTL言語（アラビア語など）や縦書きレイアウトでも自動的に適切なマージンが適用されます。
使い方
- margin-inline-start: インライン方向の開始側（横書きなら左、RTLなら右）
- margin-inline-end: インライン方向の終了側（横書きなら右、RTLなら左）
- margin-inline: 開始と終了を一括指定（margin-inline: 16px 24px;）
すべての処理はブラウザ内で行われます。データがサーバーに送信されることはありません。