Общие для всех правила:

 DIV {
            width: 400px;
            border-color: red;
            border-style: solid;
            border-width: 4px;
            margin: 5px;
        }
Эталон
        DIV.test1 {
            border-color: green;
        }
Комментарий после правила
        DIV.test2 {
            border-color: green ;/* зеленая рамка */
        }
Комментарий перед точкой с запятой
        DIV.test3 {
            border-color: green /* зеленая рамка */;
        }
Комментарий внутри значения (глупо?)
        DIV.test4 {
            border-color: gr/* зеленая рамка */een;
        }
Комментарий перед значением
        DIV.test5 {
            border-color: /* зеленая рамка */green;
        }
Комментарий между двоеточием и значением
        DIV.test6 {
            border-color: /* зеленая рамка */ green;
        }
Комментарий после двоеточия
        DIV.test7 {
            border-color:/* зеленая рамка */ green;
        }
Комментарий после свойства
        DIV.test8 {
            border-color/* зеленая рамка */: green;
        }
Комментарий внутри свойства
        DIV.test9 {
            border-c/* зеленая рамка */olor: green;
        }
Комментарий перед свойством
        DIV.test10 {
            /* зеленая рамка */border-color: green;
        }