テキスト

文字の色
- color
文字の種類
- font … フォントの指定
文字の配置
- text-align
- vertical-align
- text-indent … テキストの字下げ (indent)
- line-height
文字の装飾
- text-decoration … テキストを下線などで装飾 (decoration)
- text-emphasis … テキストの上部に圏点 (emphasis mark) を表示
- text-shadow … テキストの背景に影 (shadow) を表示

改行方法の指定

改行位置の候補となる対象によって、複数の属性があります。

※1 2015年現在、サポートするブラウザはありません。

属性	属性値	CJK以外		CJKテキスト
		空白なし	空白あり	空白なし	空白あり	改行あり
		ABCDEF	ABC DEF	あいうえお	あいうえお	あいうえお
なし	なし	ABCDEF	ABC DEF	あいうえお	あいうえお	あいうえお
white-space	pre	ABCDEF	ABC DEF	あいうえお	あいうえお	あいうえお
white-space	nowrap	ABCDEF	ABC DEF	あいうえお	あいうえお	あいうえお
word-break	break-all	ABCDEF	ABC DEF	あいうえお	あいうえお	あいうえお
word-break	keep-all	ABCDEF	ABC DEF	あいうえお	あいうえお	あいうえお
word-wrap	break-word	ABCDEF	ABC DEF	あいうえお	あいうえお	あいうえお
text-wrap	none	ABCDEF	ABC DEF	あいうえお	あいうえお	あいうえお
	unrestricted	ABCDEF	ABC DEF	あいうえお	あいうえお	あいうえお
	suppress	ABCDEF	ABC DEF	あいうえお	あいうえお	あいうえお

属性値	改行文字を空白文字として扱う	連続する空白文字を 1つとみなす	ボックスに収まらないときに行を折り返す
normal	○	○	○
nowrap	○	○	×
pre	×	×	×
pre-wrap	×	×	○
pre-line	×	○	○

適用例
属性値	ABC DEF	ABC DEF	ABCDEF
normal	ABC DEF	ABC DEF	ABCDEF
nowrap	ABC DEF	ABC DEF	ABCDEF
pre	ABC DEF	ABC DEF	ABCDEF
pre-wrap	ABC DEF	ABC DEF	ABCDEF
pre-line	ABC DEF	ABC DEF	ABCDEF

テキストが表示領域からはみ出た場合の処理については、text-overflowで指示できます。

指定値	適用例
未指定	ABCDEFG
overflow: hidden;	ABCDEFG
text-overflow: clip overflow: hidden;	ABCDEFG
text-overflow: ellipsis overflow: hidden;	ABCDEFG
text-overflow: 'x'; overflow: hidden;	ABCDEFG

この属性は、以下のように複数行にわたるテキストには適用されません。

<p style="border: 1px solid;
    width: 5em;
    height: 2.5em;
    overflow: hidden;
    text-overflow: ellipsis">
ABCDEFG ABCDEFG ABCDEFG</p>

ABCDEFG ABCDEFG ABCDEFG

HTMLの情報サイトから、まとめて検索