2016-11-21 5 views
1

tableタグを使用し、border="1"を追加すると、その境界線の実際の値はどのくらいですか?複製しようとすると境界= 1よりもはるかに薄いので、1ピクセルではありません。だから、:デフォルトの表の罫線の実際の幅はどれくらいですか?

"border=1"は太い線

style="border:1px solid #000"が薄くライン

である私はそれを再現しようとしていますが、一致するものを見つけることができません。

EDIT:これはスタイルシートがないため、インラインで行う必要があります。これがインラインでできるかどうか私に教えてください。

+0

これは狂気の1 ...だまされやすい人を見てくださいです。 ':D' –

+0

これはブラウザ固有の可能性が高いですが、なぜ重要ですか? 'border'はCSSを使用していますか? –

+0

ありがとうございます。私はこのスタイルシートを使用することはできません。私はインラインで作業しなければならないので、少し複雑です。 –

答えて

1

borderアトリビュートとstyleアトリビュートの違いは、前者も内側のセルに境界を与えているのに対し、後者は内側のセルに境界を与えていることです。

これは私の思考を得ました。私の推測では、問題を再現するのに必要なすべての情報を与えていないということです。だから私が間違っている場合は私を修正してください、私はあなたもテーブルの上にcellspacing="0"があったと仮定していると、スタイルの試行版では、テーブルのセルのstyle属性。

<table border="1" cellspacing="0"> 
 
<tr><td>with border attr</td></tr> 
 
</table> 
 

 
<br> 
 

 
<table style="border:1px solid #000"> 
 
<tr><td>with style props</td></tr> 
 
</table>

だからトップテーブルでは、テーブルには、1ピクセルの境界線を持っており、内部のセルもありません。そしてそこには合計2pxの境界線があります。

この状況は、スタイルを使用してエミュレートできます。ちょっとしたスタイルが必要です。

<table border="1" cellspacing="0"> <!-- same as above --> 
 
<tr><td>with border attr</td></tr> 
 
</table> 
 

 
<br> 
 

 
<table style="border:1px outset #000; border-spacing:0"> 
 
<tr><td style="border:1px inset #000">with style props</td></tr> 
 
</table>

関連する問題