ホームページへ| 目次へ | 上へ | 前のページへ ｜ 次のページヘ

箇条書きと表に対する設定，その他

箇条書きに対する設定

リストマークの指定

プロパティ値意味
list-style-typenoneマークなし
disk黒丸
circle白丸
square四角
decimal算用数字
upper-romanローマ数字（大文字）
lower-romanローマ数字（小文字）
upper-alpha英大文字
lower-alpha英小文字

リストマークの例

リストマークを画像にする

プロパティ値意味
list-style-imagenoneマークなし
url (filename)「filename」の所に指定した画像がリストマークになります．

リストマークを画像にした例

リストマークの表示方法の設定

プロパティ値意味
list-style-positioninsideリストマークを，リスト内容をき表示する領域の内側に表示．
outsideリストマークを，リスト内容をき表示する領域の外側に表示．

リストマークの表示方法の例

まとめて設定する

プロパティ値意味
list-styleA B Cリストマークに関する設定をまとめて指定する．A，B，Cにはそれぞれ，
A:list-style-type
B:list-style-image
C:list-style-position
を指定．

リストマークの表示方法の例

表に対する設定

表のレイアウトの指定

プロパティ値意味
table-layoutfixed表のサイズを固定して表示
auto表のサイズが内容に応じて自動的に変更される表示

表のレイアウトの設定例

標準の設定
庄屋猟師狐
庄屋ー○●
猟師●ー○
狐○●ー
「table-layout」を設定した表
庄屋猟師狐
庄屋ー○●
猟師●ー○
狐○●ー

表の枠の表示設定

プロパティ値意味
border-collapseseparate表の欄の回りに分離した枠を表示
collapse表の欄を結合して，端から端までの連続した枠を表示

表の枠の設定例

「separate」の設定
庄屋猟師狐
庄屋ー○●
猟師●ー○
狐○●ー
「collapse」を設定
庄屋猟師狐
庄屋ー○●
猟師●ー○
狐○●ー

表の枠の間隔指定

分離した枠の設定時に，枠の間の距離を指定します．２つ値を設定すると，それぞれ水平・垂直方向の間隔になります．

プロパティ値意味
border-spacing数値＋単位（数値＋単位）枠間距離

表の枠の設定例

「border-spacing」の設定
庄屋猟師狐
庄屋ー○●
猟師●ー○
狐○●ー

空の項目に対する設定

分離した枠の設定時に，何も入っていない欄の表示方法を指定します．

プロパティ値意味
empty-cellsshow枠を表示
hide枠を表示しない

空欄の枠の設定例

空欄の枠を表示しない設定
月火水木金土日
１２３４５６
７８９１０１１１２１３
１４１５１６１７１８１９２０
２１２２２３２４２５２６２７
２８２９３０

表の題名の表示位置

プロパティ値意味
caption-sidetop表の上に表示
bottom表の下に表示
left表の左に表示
right表の右に表示

空欄の枠の設定例

平成１６年６月
月火水木金土日
１２３４５６
７８９１０１１１２１３
１４１５１６１７１８１９２０
２１２２２３２４２５２６２７
２８２９３０

その他の設定

カーソルの形状の指定

プロパティ値意味
cursorauto自動
crosshair十字線
defaultデフォルト
pointerリンク用
move移動可能対象
e-resize右辺移動
ne-resize右上隅移動
nw-resize左上隅移動
n-resize上辺移動
se-resize右下隅移動
sw-resize左下隅移動
s-resize下辺移動
w-resize左辺移動
textテキスト選択
wait待機中
helpヘルプ利用

カーソルの形状の例

ポインターを表の各欄に入れてみて下さい．

「auto」の指定「n-resize」の指定
「crosshair」の指定「se-resize」の指定
「default」の指定「sw-resize」の指定
「pointer」の指定「s-resize」の指定
「move」の指定「w-resize」の指定
「e-resize」の指定「text」の指定
「ne-resize」の指定「wait」の指定
「nw-resize」の指定「help」の指定
ホームページへ | 目次へ | 上へ | このページの最初に戻る | 前のページへ ｜ 次のページヘ