爲什麼沒有border-style：double;呈現？

Question

我有，我已經定義了以下樣式的h1：

h1 
    { text-align: center; 
    border: double black 1px; 
    padding: 1em; 
    margin: 1em; 
} 

這裏有一個的jsfiddle：http://jsfiddle.net/KatieK/Hs3ZQ/

我設置邊框樣式翻一番，但我只看到一個邊界渲染。爲什麼不是雙邊界渲染？

Answer 1

double顯示兩條直線，這兩條直線加起來定義爲邊框寬度（source）的像素量。

您將需要使用至少3px。

h1 
    { text-align: center; 
    border: double black 3px; 
    padding: 1em; 
    margin: 1em; 
} 

http://jsfiddle.net/Hs3ZQ/6/

Answer 2

1px太薄而無法呈現雙邊框，您必須使邊框更加粗糙。

h1 
    { text-align: center; 
    border: double black 3px; 
    padding: 1em; 
    margin: 1em; 
} 

http://jsfiddle.net/Hs3ZQ/3/

Answer 3

對於雙邊框，你需要至少3px邊框寬度設置爲see the effect。

Answer 4

從CSS將工作1px的的移除...

h1 
    { text-align: center; 
    border: double black; 
    padding: 1em; 
    margin: 1em; 
} 

看到更新後的小提琴：http://jsfiddle.net/Hs3ZQ/5/