CSSで行間隔を調整するには？

今日のテキストは、まだ広大で送信される情報の主なタイプである ワールド・ワイド・ウェブ。 そのため、外観をその制御には特別な注意を与えられています。 線の間の距離を決定するテキストの行間隔、の一つの重要な特徴。 このルールと会ったことがない場合は、おそらくCSSで働いたことがありません。 結局のところ、これはスタイル言語は、テキストのすべての重要な外部の特性を変更するために使用可能なコマンドを提供しています。 このようなルールは、すべての最新ブラウザでサポートされているとカスケードスタイルシートのすべてのバージョンのための標準装備されて（CSS：カスケーディングスタイルシート）。

ルール

CSSでは、行間隔は、単純な行の高さのチームによって設定されています。 記録は通常の方法で行われます。 値は任意の負でない整数に割り当てることができます。 それが記載されている場合：«行の高さ：-4px;»は、コマンドが無視されます。 «ノーマル»や«継承»：あなたは値を指定することができます。 最初は、選択されたフォントの種類やサイズに応じて決定された間隔の自動設定を使用することです。 この場合、ブラウザ自体によって設定された線の間の距離。 行間隔は値«継承»のことで、「親」タグから継承された任意の値とすることができます。

値

相対および絶対：標準コマンドとは異なるすべての値は、2つのカテゴリに分けることができます。 CSSは、カスタマイズするためのさまざまな、より便利な方法を使用して、あなたは柔軟な線の間の行間隔の距離を制御することができます。 絶対値については、CSSで使用されるユニットのすべての既知の長さを含みます。 リストは、（インチ）で、PT（ポイント）、PX（画素）などが挙げられます。 カウントダウン間隔は、フォントのベースラインから構成されています。 «行の高さ：10pxの;»私たちはルールを記述する場合、行間隔は常に10個のピクセルに等しくなります。 あなたが特定のフォントのための正確な範囲を指定する必要がある場合には、このような方法が理想的です。 しかし、すべての異なる画面拡大することを忘れないでください。 あなたは、このような距離は偉大に見えるがあれば、それは誰もが同じ効果を持つことを意味するものではありません。 例えば、モバイル大きな行間隔が大きな不便を引き起こす可能性があります。

相対値

画面の別の拡張子を持つ問題を解決するには、使用することができます 相対的な値を。 最も一般的に使用される割合。 この場合の値は、比較的フォントの高さを設定されています。 ;」私たちは間隔を取得し、半中大手紙150％：例えば、«行の高さを指定します。 100％は、使用されるフォントの高さです。 最も経験豊富な開発者は、それの使用は相対的な値であるお勧めします。 ですから、画面の別の拡張子に関連する問題から自分自身と、ユーザーが保存されます。

結論

あなたは非標準のフォントセットを使用している、とあなたは明確に定義された行間隔で重要な場合、絶対値を選択してください。 他のすべてのケースでは、財産の割合を確立することが望ましいです。 あなたは、文書の特定の領域のための個々の間隔をする必要がある場合には、IDタグ、またはセレクタを使用しています。 したがって、あなたは文書全体の行間隔を設定する必要はありません。