HTML包括 语句和 语句,[html/css]为什么有些语句不加：和；有些加？

问题：

代码第7行，为什么color后面加“：”，并且加“；”。

而solid不加，也不用“；”隔开上一句solid？

尝试：

1.color red border 10px solid blue

结果：解析失败。不红，也没框。

2.color red;border 10px solid blue

结果：解析失败。不红，也没框。

3.color red;border 10px;solid blue

结果：解析失败。不红，也没框。

4.color:red border 10px solid blue

结果：解析失败。不红，也没框。

5.color:red border:10px solid blue

结果：解析失败。不红，也没框。

6.color:red border:10px solid:blue

结果：解析失败。不红，也没框。

7.color:red;border 10px solid blue

结果：解析失败。变红，但没框。

8.color:red;border:10px solid blue

结果：解析成功。变红，出现框。     <

继续

。

。

。

测试结论：

只有第8种的方法解析成功

求解决问题：

为什么会这样？