Esprit's Style

〆 枠線を設定します

１．枠線をまとめて設定
　　border: border-width border-style border-color

※枠線をそれぞれ指定したい場合は、こちらを使います。
　 border-top, border-bottom, border-left, border-right

@sample.css table{ border: 3px double #?????? ; }

border width 　File　　Edit　　Tool　　Help _________________

２．枠線のスタイル
　　 border-style: none/hidden/dotted/dashed/solid
　　　　　　　　　　　　double/groove/ridge/inset/outset

※枠線をそれぞれ指定したい場合はこちらを用います。
　border-top-style, border-bottom-style, border-left-style, border-right-style

border style 　File　　Edit　　Tool　　Help dotted dashed solid double groove ridge inset outset none hidden

３．枠線の太さ
　　 border-width:1px

※枠線をそれぞれ指定したい場合はこちらを用います。
　 border-top-width, border-bottom-width, border-left-width, border-right-width

@sample.css table{ border-width:3px; }

border width 　File　　Edit　　Tool　　Help 1px 2px 3px 4px 5px

４．枠線の色
　　 border-color:#??????

※枠線をそれぞれ指定したい場合はこちらを用います。
　 border-top-color, border-bottom-color, border-left-color, border-right-color

@sample.css table{ border-color:#ea7000; } p{　　　/* 上 右 下 左 */ border-color:#ff95ff #8000ff #ea00ea #e4caff; }

border color 　File　　Edit　　Tool　　Help ______ ______ ______ ______

５．枠線の表示形式
　　 border-collapse:collapse / separate;
　　　/* 枠を重ねて表示/枠を分けてに表示 */

@sample.css table{ border-collapse:collapse; } table{ border-collapse:separate; }

border-collapse 　File　　Edit　　Tool　　Help うまくいかず。。省略

６．セルとセルの間隔
　　 border-spacing:??px

@sample.css table{ border-spacing:10px; }

border-spacing 　File　　Edit　　Tool　　Help aaaaaaa bbbbbbb ccccccc ddddddd

７．タイトルの位置を表示（IE未対応）
　　 caption-side:top/bottom

@sample.css table{ caption-side:bottom; }

caption-side 　File　　Edit　　Tool　　Help caption-side eeeeeee fffffffffff gggggggg hhhhhhh

８．空のセルの枠線の表示・非表示（IE未対応）
　　 empty-cells:show / hide;

@sample.css table{ empty-cells:hide; }

caption-side 　File　　Edit　　Tool　　Help hide iiiiiiiiiiiiii jjjjjjjjjjjjjj show kkkkkkk llllllllllllll