テキスト
インデントを指定する
text-indent:値
値には字下げするサイズを数値+単位で指定する
p{ text-indent:3em; }
行内またはセル内での文字列の垂直方向位置を指定する
vertical-align:値
値 | 説明 |
---|---|
baseline | 文字列を行の下部にそろえて配置する |
super | 文字列を行の上側に配置する |
sub | 文字列を行の下側に配置する |
top | 文字列をセル内で上揃えにする |
middle | 文字列をセル内で中央揃えにする |
bottom | 文字列をセル内で下揃えにする |
p{ vertical-align:sub; }
英字の大文字小文字を指定する
text-transform:値
値 | 説明 |
---|---|
none | 入力したとおりに表示する、大文字小文字を変更しない |
capitalize | 単語の先頭1文字だけを大文字にする |
uppercase | すべて大文字にする |
lowercase | すべて小文字にする |
p{ text-transform:capitalize; }
半角空白・タブ・改行の表示方法を指定する
white-space:値
通常テキストエディタで半角空白・タブ・改行を記述するといずれもひとつの半角空白として
ブラウザに表示される。また半角空白・タブ・改行を複数記述した場合もひとつの半角空白として
ブラウザに表示される。
white-spaceプロパティを使うとテキストエディタで記述する半角空白・タブ・改行をどのように
表示するか指定できる
値 | 説明 |
---|---|
normal | テキストエディタで半角空白・タブ・改行をひとつの半角空白としてブラウザに表示する。ボックスの幅が指定されているときはボックス内で文字列は自動改行される |
pre | テキストエディタで半角空白・タブ・改行をそのままブラウザに表示する。ボックスの幅が指定されているときはボックス内で文字列は自動改行されない |
nowrap | テキストエディタで半角空白・タブ・改行をひとつの半角空白としてブラウザに表示する。ボックスの幅が指定されているときはボックス内で文字列は自動改行されない |
p{ white-space:normal; }