table内のボーダーを重ねるborder-collapse
table内のセルにボーダーを指定した場合、隣り合う線が並ぶので1pxで指定した場合、テーブルの左右の端のみ1pxボーダーで、内部のセルが隣接する部分が2pxになり、すこし見栄えがよくないので、この部分を重ねます。
CSSのセレクタ内にborder-collapseプロパティを記述して指定します。
プロパティの値にはcollapseとseparate、またborder-collapseプロパティに限定されませんが親セレクタの継承をするinheritがあります。
separateはデフォルトと同じなので特に指定しなくても大丈夫で、この状態がボーダーを正常に表示することになります。collaspeの場合は、widthは変わらないまま右側のセルのボーダーが白色に、擬似的にボーダーを重ねてるようにしているようです。
隣接するボーダーを重ねて1つにする表示する場合は......
続きはこちら ⇒ WEB制作システム WEB制作
