ToppageGalleryへ


テキストとリスト



テキストのスタイル設定





テキスト関連の属性と値
項目 属性 値の候補
文字の色 color 色名か#rrggbb方式で指定する
文字間隔の調整
(文字と文字の間)
letter-spacing 単位指定(下記参照)
単語間隔の調整
(単語と単語の間)
word-spacing 単位指定
文字の水平位置 text-align left
right
center
文字の垂直位置 vertical-align
baseline
super
sub
top
middle
bottom
通常の文字位置
上付き文字
下付き文字
上詰め

下詰め
文字の均等割付 text-justify distribute-all-lines
段落のインデント
(一行目の頭に適用される字下げ)
text-indent 単位指定
行幅の指定 line-height 単位指定
文字を飾る text-decoration
overline
underline
line-through
blink
上線
下線
取り消し線
点滅(ネスケのみ)





単位の指定方法



スタイルシートでは単位の指定は絶対指定と相対指定の方法があります。
絶対指定ではcmやmmのようにおなじみの単位で指定して見せることができますが、
相対指定は見る側のディスプレイ環境に依存して大きさを比例させていく方法です。 
相対指定の場合、モバイル用のディスプレイと19インチディスプレイでは見え方が違います。



絶対指定
mm

cm

in

pt

pc
ミリメートル

センチメートル(1cm=10mm)

インチ(1in=25.4mm)

ポイント(72pt=1in)

パイカ(1pc=12pt)

 

相対指定
em

ex

px

%
大文字のMの高さを基準にしたもの

小文字のxの高さを基準にしたもの

ピクセル(ディスプレイの最小画素サイズ)

パーセント





リストのスタイル設定



リストへの属性と値
項目 属性 値の候補
リストのマーク指定 list-style-type
disc
circle
square
decimal
lower-roman
upper-roman
lower-alpha
upper-alpha
lower-greek
cjk-ideographic
hiragana
katakana
hiragana-iroha
katakana-iroha
hebrew
none
黒丸
白丸
四角
10進数
小文字ローマ数字
大文字ローマ数字
小文字アルファベット
大文字アルファベット
小文字ギリシア文字
漢数字
ひらかな(あいうえお順
カタカナ(アイウエオ順
ひらかな(いろは順
カタカナ(イロハ順
ヘブライ数字
マークなし
リストマークに
画像を使う
list-style-image
url("○○.gif")


none
あらかじめ用意した取り込む画像のURLを指定

画像を表示しないとき(デフォルト)