制作者の活動(PR)。

アイドル女優・堀北真希ちゃんをうさぎ化した制作者の創作キャラクタ
主な作品

アイドルをモデルにした創作キャラクタのイラスト例とそれを組み込んだアニメーション動画

行の表示に関するプロパティ。

HTML&CSS入門CSS入門篇では、行に関する基本的なプロパティとして基本的なプロパティを解説しました。

しかし、実際には行に関するプロパティは他にも幾つかあります。

ここでは、CSS入門篇で解説しなかった行に関するプロパティを解説します。

行の表示に関するプロパティ・目次。

vertical-alignプロパティ - 行中での垂直位置を指定する。

vertical-alignプロパティは、インライン要素において、その要素の縦方向の位置関係を指定します。

vertical-alignプロパティが取れる主な値は以下の通りです。他にもいろいろありますが、取敢えずこれだけ覚えておけば充分でしょう。

inherit

上位要素の揃え方を引き継ぎます。

top
行の上端に揃えます。
middle
行の中心に揃えます。厳密には文字のベースラインから「x」の文字の高さ分上げた位置に中心を揃えます。
bottom
行の下端に揃えます。
base-line
デフォルト値です。文字のベースラインに揃えます。ベースラインとは、英字の多くが揃える下端のラインです。英習ノートを使った事のある方なら、四本の罫線のうち下から二本目が色が変わっていたりしたのを覚えているかも知れませんが、そのラインがベースラインです。

word-spacingプロパティ - 単語間の空白幅を指定する。

word-spacingプロパティは、各単語間に入れる空白の幅(=半角空白の幅)を指定します。日本語では単語間を空白で区切る習慣は無いので余り意味はありません。

word-spacingプロパティの値の単位はemだけ覚えておけばいいでしょう。1emは一文字分となります。

letter-spacingプロパティ - 文字間の空白幅を指定する。

letter-spacingプロパティは、一文字一文字の間に入れる空白の幅を指定します。

letter-spacingプロパティの値の単位はemだけ覚えておけばいいでしょう。1emは一文字分となります。

white-spaceプロパティ - 半角空白の扱いを指定する。

white-spaceプロパティは、半角空白の取扱いを指定します。

white-spaceプロパティが取れる値は以下の通りです。

inherit

上位要素の扱い方を引き継ぎます。

nowrap

複数個連続している半角空白及び改行を単一の半角空白に纏め、行の右端で折返しを行いません。

normal

複数個連続している半角空白及び改行を単一の半角空白に纏め、行の右端に来たら自動的に折返します。

pre

連続している空白を一纏めにしないでそのまま表示させ、また、改行文字も半角空白と見做さないで改行させます。

しらぎくのウェブサイト作成入門サイトマップ

ページ外へのご案内。

marguerite.site@gmail.com