872 Style
  1. TOP
  2. MEMO
  3. CSS
  4. TEXTをいじる

TEXTをいじる

水平方向の位置の指定

この属性はブロックレベル要素に対して指定します。

text-align : キーワード

キーワード 内容
left 左揃え
center 中央揃え
right 右揃え
justify 均等割付

left : 左揃え
center : 中央揃え
right : 右揃え
justify : 均等割付

justify は text-align 属性単体では均等割付になりません。text-justfy 属性と併用して指定してください。

垂直方向の位置の指定

行全体の位置を指定するのではなく、インラインレベル要素とセル要素に対しての縦方向の位置を揃えられます。

vertical-align : [キーワード]

キーワード 内容
baseline ベースライン(デフォルト)
super 上付き
sub 下付き
top 上揃え
middle 中央揃え
bottom 下揃え
text-top テキストの上
text-bottom テキストの下

パーセント指定や数値指定もできますが、対応しているブラウザが少ないので、あまり使われていません。

文字の行間を指定する

line-height : 値

パーセント指定や倍率指定をした場合、マイナス値は指定できません。
パーセント指定の場合は現在のフォントサイズを100%としてサイズを指定します。倍率指定の場合は現在のフォントサイズを1として、line-height : 2; など倍率を値に入力します。

文字の間隔を指定する

letter-spacing : [値 | キーワード]

値の指定には数値指定とキーワード指定があります。ただし、キーワードに指定できるのは normal のみです。

インデントを指定する

text-indext : 値

1em を指定するとちょうど日本語の1文字分のインデントになります。また、マイナスを指定すると左側にインデントされます。
パーセント指定の場合、親要素の領域を100%としてサイズを指定します。

文字を装飾する

text-decoration : キーワード

キーワード   TEST
none 文字の装飾無し(デフォルト) SAMPLE TEXT
underline 下線 SAMPLE TEXT
overline 上線 SAMPLE TEXT
line-through 取り消し線 SAMPLE TEXT