ブロック要素のボーダーについて質問させて下さい。

質問

ブロック要素のボーダーについて質問させて下さい。

お世話になっております。添付画像はナビゲーション用メニューの一部でリストにて表示させているのですが、各ブロック要素にボーダーを指定しているため、隣り合った箇所は2倍（1pxが2pxになっている）の太さになってしまいます。

これを回避するため、左サイド、右サイド、他、3種類のクラスを用いれば可能かと思われますが、クラス名など変更せずに回避することは可能でしょうか？

回答No.1

k0021 · ベストアンサー

枠線の1行目の1列目の指定
上の枠線の指定border:solid black 1px;(枠線の設定をまとめて指定)

枠線の1行目の2列目の指定「既に指定済み左のボーダー（枠線）は指定しません」。
border-bottom:solid black 1px;border-right:solid black 1px;border-top:solid black 1px;
又わ、border-style:solid solid solid none;(枠線を一括設定) border-color:black;border-width:1px;

枠線の2行以降の1列目の指定「既に指定済み上のボーダー（枠線）は指定しません」
border-bottom:solid black 1px;border-right:solid black 1px;border-left:solid black 1px;
又は、border-style:none solid solid solid;(枠線を一括設定) border-color:black;border-width:1px;

枠線の2行以降の2列目の指定「既に指定済み上左とのボーダー（枠線）は指定しません」
border-bottom:solid black 1px;border-right:solid black 1px;
又は、border-style:none solid solid none;(枠線を一括設定)border-color:black;border-width:1px;

上記のように一度指定した罫線引けません。
テーブル使用の場合は、異なりますが。