Css 为什么'；t型边框样式：双色；提供？

我有一个

h1

，我在上面定义了以下样式：

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

下面是一个JSFIDLE：

---

我将边框样式设置为双边框，但我只看到渲染的单个边框。为什么不渲染双边框？

1px太薄，无法渲染双边框，您必须使边框更厚

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

---

对于双边框，您需要将边框宽度至少设置为

3px

至。

double

显示两条直线，其总和等于定义为边框宽度的像素量（）

您需要至少使用3px

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

---

从CSS中删除1px将有效

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

---

请参阅更新的小提琴：

这是因为宽度默认为

中等

，较厚。@BoltClock:是的，对。。。他的问题是，他给出了双重边界样式，但他将只看到单一边界。。。所以如果我们去掉像素大小。。。它会起作用的……是的。我有1px，这就是为什么它对我不起作用。谢谢你的帮助！