■ テキスト
▼
color
»» 文字色を指定する
▼
text-decoration
»» 文字を装飾する
▼
text-transform
»» 大文字・小文字に置換する
▼
line-height
»» 行の高さを設定する
▼
text-align
»» 行揃えを指定する
▼
vertical-align
»» 文字の垂直位置を指定する
▼
text-justify
»» 文字の均等割付を指定する
▼
letter-spacing
»» 文字間隔を指定する
▼
word-spacing
»» 単語間隔を指定する
▼
text-indent
»» 1行目にインデントを設定する
▼
white-space
»» 空白や改行をそのまま表示する
▼
white-space
»» 改行しないで表示する
▼
line-break
»» 禁則処理を適用する
▼
word-break
»» 単語内での改行処理を指定する
▼
writing-mode
»» 縦書きで表示する
▼
text-underline-position
»» 縦書きの下線(傍線)位置を指定する
▼
ruby-align / ruby-position
»» ルビの配置を指定する
▼
layout-grid-〜
»» 文字をグリッドにおさめる
▼
layout-grid:
»» グリッドを一括して指定する
■ line-height 行の高さを設定する
line-height:キーワード
line-height:数値+単位
line-height:割合を表す数値
line-height:数値+%
キーワード
|
normal
|
ブラウザが自動的に行の高さを設定
|
数値+単位
|
単位については下表参照
|
ボックス領域の高さ(1行の上端から下端までの幅)を、数値に単位をつけて設定
|
割合を表す数値
|
要素のフォントサイズに対する行の高さの割合を、単位なしの数値で設定
(10px時に1.5を設定すると、15になります)
|
数値+%
|
要素のフォントサイズに対する行の高さの割合をパーセンテージで設定
|
スタイルシートにおける単位
em
|
その要素のfont-sizeの値を1とする
|
ex
|
その要素のx-height(小文字のxの高さ)を1とする
|
px
|
コンピュータ画面の1ピクセルを1とする
|
%
|
属性によって異なるが、多くの場合は親要素の1部分を基準とした割合
|
in
|
インチ(1pt=2.54cm)
|
cm
|
センチメートル
|
mm
|
ミリメートル
|
pt
|
ポイント(1pt=1/72in)
|
pc
|
パイカ(1pc=12pt)
|
複数の候補を指定する時は、それぞれを「,」で区切って指定します。
キーワードによる指定は、フォント名による指定がどれも有効でない時の
最終的な選択肢になるので、指定しておくことを推奨します。
|
IE4 |
IE5 |
IE5.5 |
IE6 |
NN4 |
NN4.7 |
N6.2 |
サイズ |
○ |
○ |
○ |
○ |
○ |
○ |
○ |
パーセント |
○ |
○ |
○ |
○ |
○ |
○ |
○ |
比率 |
○ |
○ |
○ |
○ |
○ |
○ |
○ |
normal |
○ |
○ |
○ |
○ |
○ |
○ |
○ |
|