Merge pull request #238 from toptalo/feature/border-image-repeat-space

Add `space` value for `border-image-repeat`

Author: frvge

src/css/Properties.js

@@ -93,7 +93,7 @@ var Properties = module.exports = {
     "border-color"                      : "<color>{1,4}",
     "border-image"                      : 1,
     "border-image-outset"               : "[ <length> | <number> ]{1,4}",
-    "border-image-repeat"               : "[ stretch | repeat | round ]{1,2}",
+    "border-image-repeat"               : "[ stretch | repeat | round | space ]{1,2}",
     "border-image-slice"                : "<border-image-slice>",
     "border-image-source"               : "<image> | none",
     "border-image-width"                : "[ <length> | <percentage> | <number> | auto ]{1,4}",

tests/css/Validation.js

@@ -502,6 +502,23 @@ var YUITest = require("yuitest"),
         }
     }));
 
+    suite.add(new ValidationTestCase({
+        property: "border-image-repeat",
+
+        valid: [
+            "stretch",
+            "repeat",
+            "round",
+            "space",
+            "round stretch"
+        ],
+
+        invalid: {
+            "foo": "Expected ([ stretch | repeat | round | space ]{1,2}) but found 'foo'.",
+            "round stretch foo": "Expected end of value but found 'foo'."
+        }
+    }));
+
     suite.add(new ValidationTestCase({
         property: "border-image-slice",