Tool-You

CSS 行間

単位なし line-height ルールを生成。

line-height: N（1〜2）。字間と違いリーディング。不透明度ではない。このタブでコピー。

行の高さのテキストのサンプル。 2 行目はギャップを示します。 3 行目は間隔を確認します。

line-height: 1.5;

CSS 行間でできること

line-height: N（1〜2）。字間と違いリーディング。不透明度ではない。このタブでコピー。

CSS 行間の実制限：line-height 1～2、単位なし。CSS のみ。本頁でコピー可。 そのため大型のデザインデスクトップソフトとは結果が異なることがあります。このツール固有の注記：line-height: N（1〜2）。字間と違いリーディング。不透明度ではない。このタブでコピー。

CSS 行間の使い方

  1. このデザイン作業はCSS 行間（css line height）。CSS 字間は隣接（letter-spacing の em ルールを生成。）ですが別物です。
  2. CSS 行間が受け付けるファイルを追加します。パスのヒント：css line height。単位なし line-height ルールを生成。
  3. CSS 行間に合う項目だけ設定します。CSS 不透明度は別作業です（opacity: 0–1 ルールを生成。）。注記：line-height: N（1〜2）。字間と違いリーディング。不透明度ではない。このタブでコピー。
  4. このタブでCSS 行間を実行します。ブラウザのメモリ制限は有効です：line-height 1～2、単位なし。CSS のみ。本頁でコピー可。
  5. CSS 行間から結果を保存またはコピーします。作業が違うならCSS 字間を開いてください。

CSS 行間を使わない方がよい場合

隣のツールの方が合うならCSS 行間は使わないでください。CSS 字間またはCSS 不透明度へ。説明が失敗を予告している場合も同様です。ツール自身の文言：line-height: N（1〜2）。字間と違いリーディング。不透明度ではない。このタブでコピー。

CSS 行間についての質問

CSS 行間はこのサイトの他のデザインページと何が違いますか？
line-height: N（1〜2）。字間と違いリーディング。不透明度ではない。このタブでコピー。 要約：単位なし line-height ルールを生成。
CSS 行間はファイルやテキストをTool-Youのサーバーへ送りますか？
いいえ。CSS 行間はこのタブで動き、ファイルは端末に残ります。制限：line-height 1～2、単位なし。CSS のみ。本頁でコピー可。
CSS 行間の代わりにCSS 字間を使うべきですか？
「単位なし line-height ルールを生成。」ならCSS 行間、「letter-spacing の em ルールを生成。」ならCSS 字間。カテゴリ（デザイン）は同じでも仕事は違います。
CSS 行間の制限は何ですか？
line-height 1～2、単位なし。CSS のみ。本頁でコピー可。 さらに：line-height: N（1〜2）。字間と違いリーディング。不透明度ではない。このタブでコピー。

関連ツール