1

insetテーブルの境界線をスタイリングするために and ousetborder を 使用できることはわかっています。

table{border: 1px inset #fff;}
td{border: 1px outset #fff;}

すべてが atdにあり、要素やテキストをtableタグに直接配置することはないため、テーブルを使用している場合はすべて問題ありません。

問題は、divs を使用して同じスタイリングを行う場合、多くの問題があるということです。

  1. 外側の div にテキストまたは要素を配置すると、その右側に境界線が表示されません。
  2. 最初の内側divは上部に境界線がありません。

ここに、問題をより具体的にするためのフィドルがあります。
http://jsfiddle.net/v4D9q/

4

1 に答える 1

1

インセット/アウトセットを使用する必要がありますか?

それは数行のCSSですが、外側の上/左/右に境界線を配置し、内側の要素に境界線の下部のみを設定しないのはなぜですか。

HTML:

<div class="outer">
    outer div (we dont see border in right side)
    <div class="inner">inner div</div>
    <div class="inner">inner div</div>
</div>

CSS:

.outer{
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 1px solid #000;                
}
.inner{
    border-bottom: 1px solid #000; 
}

http://jsfiddle.net/PFhfF/

于 2012-06-07T08:28:14.207 に答える