border-style: none none solid; ，这段怎解？

Question

border-style: none none solid; ，这段怎解？

Answer 1

border-style: A        表示 4 个边框都是 A 样式，即：上下左右
border-style: A B      表示上下边框是 A 样式，左右边框是 B 样式，即：上下、左右
border-style: A B C    表示上边框是 A 样式，左右边框是 B 样式，下边框是 C 样式，即：上、左右、下
border-style: A B C D  表示上边框是以上边框为 A 样式，左边框为 B 样式，下边框为 C 样式，右边框为 D 样式，即：上、右、下、左（顺时针）这种方式，在 padding, margin 等等很多地方都遵从这种规则