HTML&CSS入門のCSS入門篇では、行に関する基本的なプロパティとして基本的なプロパティを解説しました。
しかし、実際には行に関するプロパティは他にも幾つかあります。
ここでは、CSS入門篇で解説しなかった行に関するプロパティを解説します。
vertical-alignプロパティは、インライン要素において、その要素の縦方向の位置関係を指定します。
vertical-alignプロパティが取れる主な値は以下の通りです。他にもいろいろありますが、取敢えずこれだけ覚えておけば充分でしょう。
アイドルをモデルにした創作キャラクタのイラスト例とそれを組み込んだアニメーション動画inherit上位要素の揃え方を引き継ぎます。
topmiddlebottombase-lineword-spacingプロパティは、各単語間に入れる空白の幅(＝半角空白の幅)を指定します。日本語では単語間を空白で区切る習慣は無いので余り意味はありません。
word-spacingプロパティの値の単位はemだけ覚えておけばいいでしょう。1emは一文字分となります。
letter-spacingプロパティは、一文字一文字の間に入れる空白の幅を指定します。
letter-spacingプロパティの値の単位はemだけ覚えておけばいいでしょう。1emは一文字分となります。
white-spaceプロパティは、半角空白の取扱いを指定します。
white-spaceプロパティが取れる値は以下の通りです。
inherit上位要素の扱い方を引き継ぎます。
nowrap複数個連続している半角空白及び改行を単一の半角空白に纏め、行の右端で折返しを行いません。
normal複数個連続している半角空白及び改行を単一の半角空白に纏め、行の右端に来たら自動的に折返します。
pre連続している空白を一纏めにしないでそのまま表示させ、また、改行文字も半角空白と見做さないで改行させます。
