文字表示処理2009-08-09 (日) 20:19:00 (389d)
HTML5より定義されている文字表示処理、特にワードラップや禁則処理関係についてまとめます。
禁則・ワードラップ関係
word-break
- ワードラップ指定。元々IEが独自実装していたもの。
word-break: value
break-all:英語/日本語などを区別せず、単語の途中であっても表示範囲に合わせて改行する。 break-word:単語の切れ目で改行する。枠をはみ出す可能性がある。 normal:英語等では単語の切れ目、日本語では表示範囲に合わせて改行する。英語の場合はみ出す可能性がある。
-webkit-line-break
- いわゆるCJK（中国語、日本語、韓国語）の禁則処理についての指定。IEでの「line-break:」に当たるもの。
webkit-line-break: setting
after-white-space: normal:
-webkit-nbsp-mode
- non-breaking spaceの動作指定。normalでは改行動作を行いspaceでは改行せず続ける。
-webkit-nbsp-mode: mode
normal: space:
Text-overflow
- インラインブロックのテキストが溢れた際の処理を指定します。「ellipsis」の場合は”...”に置き換えられ、「clip」の場合はブツリと切れます。
text-overflow: ellipsis;
アウトライン（ふちどり）関係
-webkit-text-stroke
- 文字のアウトライン（ふちどり）描画についての指定を行う。-webkit-text-stroke-colorと-webkit-text-stroke-widthを同時に指定するもの。
-webkit-text-stroke-color
- アウトライン色の指定。
-webkit-text-stroke-width
- アウトライン幅の指定。
-webkit-text-fill-color
- アウトライン描画の（内側の）塗りつぶしの色を指定。color:と競合した場合は、こちらが優先される。
スポンサード リンク
