TIL 31 , font, line ...


line-height


line-heightプロパティを使用して、これらの行を調整できます.
しかし、正確には、line-heightは行の高さを表し、それを利用しています.
行間を調整できます.

これは、計算された値ではなく、数値値を継承することを意味します.
数値値を使用すると、親エンティティで計算されたスケールではなく、親エンティティで計算されたスケールを継承できます.
可能な場合は、単位なしの値を使用することをお勧めします.

フォント関連属性


サムネイル


font: font-style font-variant font-weight font-size/line-height font-family | initial | inherit;

サムネイルを宣言するときは、次の点に注意してください.
  • font-sizeおよびfont-familyは、宣言する必要がある必須プロパティです.
  • プロパティがない場合は、デフォルトです.
  • 各属性の宣言順序:
  • を遵守する必要があります.
  • vertical-align


    デフォルト:ベースライン
    cssでテキストを垂直および水平に整列できます.
    block要素ではなくinlineまたはinline-blockでのみ使用できます.
    したがって、displayはdiv、pなどの属性のようなブロックレベル要素には適用されません.

    text-alignプロパティ


    テキストの位置合わせのプロパティを指定します.
    デフォルト:言語が左(右)の場合

    text-配置と表示の関係


  • text-align inline levelへの適用

  • text-alignはblock-levelには適用されません
    <属性値>
  • left
    テキストを左揃え
    right
    テキストの右揃え
    center
    テキストを中央揃え
    justify
    行の両端にテキストを貼り付け、位置合わせします.(最後の行に整列しない)
    block要素を中央に揃えたい場合はどうすればいいですか?
    ボックスモデルのセクションで説明したmarginのauto値を使用します.
    中央揃え行内要素:text-align(center)ブロック要素:margin(auto)
    要素レベルの異なるソート方法に注意してください.

    text-indent


    インデント
    デフォルト:0
    text-indent: length | initial | inherit;
    <属性値>
    length
    px、emなどの固定値を指定します.負数を許可
    %
    親要素ベースの幅をパーセントとして指定

    text-decoration


    <属性値>
    none
    テキスト修飾を生成しない(デフォルト)
    underline
    下線の設定
    overline
    ライントリムの設定
    line-through
    中央を通る行を設定

    語関連属性


    fontに関連するテキストの属性に加えて、
    表示方法を指定できます.
    どのように単語のスペースを処理して、単語の間の間隔はいくらです
    持つかどうか、改行点をどこに置くかを制御できます.

    -ホワイトスペース要素でスペースを処理する方法を指定する属性です。


    <属性値>
    normal
    空白行と行を無視し、必要に応じて自動的に改行します.デフォルト
    nowrap
    空白行と開行は無視され、自動的に改行されません.
    pre
    を選択します.
    pre-line
    スペースは無視され、行を開くだけです.必要に応じて自動的に改行します.
    pre-wrap
    開いた行は無視され、スペースのみが表示されます.必要に応じて自動的に改行します.

    -文字間隔のプロパティを指定します。


    -単語間隔のプロパティを指定します。


    -word-break単語が行末に表示された場合、(ブレークポイント)のプロパティをどのように処理するかを指定します。


    -word-wrap要素以外の単語の改行を指定するプロパティ。