[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种的方法解析成功

求解决问题：

    为什么会这样？