Tool-You

CSS ギャップ

gap の rem ルールを生成。

gap: Nrem（0〜4）。字間と違い flex/grid 間隔。語間とも違う。このタブでコピー。

gap: 1rem;

CSS ギャップでできること

gap: Nrem（0〜4）。字間と違い flex/grid 間隔。語間とも違う。このタブでコピー。

CSS ギャップはデザインに意図して置かれています。CSS 字間（letter-spacing の em ルールを生成。）でもCSS 語間（word-spacing の em ルールを生成。）でもありません。「gap の rem ルールを生成。」が必要なときだけこのページを使ってください。隣接ツールの仕事をCSS ギャップにやらせると、見た目が同じでも結果は失敗します。

CSS ギャップの使い方

  1. このデザイン作業はCSS ギャップ（css gap）。CSS 字間は隣接（letter-spacing の em ルールを生成。）ですが別物です。
  2. CSS ギャップが受け付けるファイルを追加します。パスのヒント：css gap。gap の rem ルールを生成。
  3. CSS ギャップに合う項目だけ設定します。CSS 語間は別作業です（word-spacing の em ルールを生成。）。注記：gap: Nrem（0〜4）。字間と違い flex/grid 間隔。語間とも違う。このタブでコピー。
  4. このタブでCSS ギャップを実行します。ブラウザのメモリ制限は有効です：0–4 rem。CSS のみ。本頁でコピー可。
  5. CSS ギャップから結果を保存またはコピーします。作業が違うならCSS 字間を開いてください。

CSS ギャップを使わない方がよい場合

隣のツールの方が合うならCSS ギャップは使わないでください。CSS 字間またはCSS 語間へ。説明が失敗を予告している場合も同様です。ツール自身の文言：gap: Nrem（0〜4）。字間と違い flex/grid 間隔。語間とも違う。このタブでコピー。

CSS ギャップについての質問

CSS ギャップはこのサイトの他のデザインページと何が違いますか？
gap: Nrem（0〜4）。字間と違い flex/grid 間隔。語間とも違う。このタブでコピー。 要約：gap の rem ルールを生成。
CSS ギャップはファイルやテキストをTool-Youのサーバーへ送りますか？
いいえ。CSS ギャップはこのタブで動き、ファイルは端末に残ります。制限：0–4 rem。CSS のみ。本頁でコピー可。
CSS ギャップの代わりにCSS 字間を使うべきですか？
「gap の rem ルールを生成。」ならCSS ギャップ、「letter-spacing の em ルールを生成。」ならCSS 字間。カテゴリ（デザイン）は同じでも仕事は違います。
CSS ギャップの制限は何ですか？
0–4 rem。CSS のみ。本頁でコピー可。 さらに：gap: Nrem（0〜4）。字間と違い flex/grid 間隔。語間とも違う。このタブでコピー。

関連ツール