2016-11-21 43 views
1

當您使用table標記並添加border="1"時,該邊界的實際值是多少?這不是1像素,因爲當我嘗試複製它比邊界= 1版本更薄時。所以:默認表格邊框的實際寬度是多少?

"border=1"是一個較粗的線

style="border:1px solid #000"是較細的線

我試圖複製,但無法找到匹配。

編輯:我需要做這個內聯,因爲將不會有一個樣式表。請讓我知道這是否可以內聯完成。

+0

這是一個瘋狂的一個......看一看的欺騙。 ':D' –

+0

這可能是瀏覽器的具體情況,爲什麼這很重要? '邊界'貶值不能你只使用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>

所以在頂級表,表中有一個1px的邊框,並在細胞內也做。在那裏,總共有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>