include("../memo.php"); ?>
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 |