这个边界发生了什么？

Question

我正在玩CSS边框并做到这一点:

border-style: double dashed dashed solid;

有人能解释为什么这样做吗？改变border-width也做奇怪的事情.

奇怪边框的截图

Answer 1

如果您编写border-style: double dashed dashed solid;,则一次为边框的所有四个边设置边框样式.你可以这样读它,这是border-style: <top> <right> <bottom> <left>;它的简写:

border-top-style: double;
border-right-style: dashed;
border-bottom-style: dashed;
border-left-style: solid;