NativeScript
diff --git a/‎apps/app/ui-tests-app/css/label-border.css‎
Lines changed: 2 additions & 2 deletions b/‎apps/app/ui-tests-app/css/label-border.css‎
Lines changed: 2 additions & 2 deletions
diff --git a/‎tests/app/ui/styling/style-properties-tests.ts‎
Lines changed: 8 additions & 0 deletions b/‎tests/app/ui/styling/style-properties-tests.ts‎
Lines changed: 8 additions & 0 deletions
diff --git a/‎tns-core-modules/ui/styling/style.ts‎
Lines changed: 10 additions & 5 deletions b/‎tns-core-modules/ui/styling/style.ts‎
Lines changed: 10 additions & 5 deletions
@@ -9,7 +9,7 @@ Label {
 }
 
 #s1 {
-    border-width: 5; border-color: red;
+    border-width: 5; border-color: rgba(255,0,0,1);
 }
 
 #s2 {
@@ -25,7 +25,7 @@ Label {
 }
 
 #s5 {
-    border-width: 5 10 15 20; border-color: red;
+    border-width: 5 10 15 20; border-color: rgb(255, 0, 0); 
 }
 
 #s6 {
 
@@ -81,6 +81,14 @@ export function test_setting_borderColor_property_from_CSS_is_applied_to_Style()
     test_property_from_CSS_is_applied_to_style("borderColor", "border-color", new color.Color("#FF0000"), "#FF0000");
 }
 
+export function test_setting_borderColorRGB_property_from_CSS_is_applied_to_Style() {
+    test_property_from_CSS_is_applied_to_style("borderColor", "border-color", new color.Color("#FF0000"), "rgb(255, 0, 0)");
+}
+
+export function test_setting_borderColorRGBA_property_from_CSS_is_applied_to_Style() {
+    test_property_from_CSS_is_applied_to_style("borderColor", "border-color", new color.Color("#FF0000"), "rgba(255,0,0,1)");
+}
+
 export function test_setting_borderRadius_property_from_CSS_is_applied_to_Style() {
     test_property_from_CSS_is_applied_to_style("borderRadius", "border-radius", 20);
 }
 
@@ -1613,6 +1613,11 @@ function parseBorderColor(value: any): definition.BorderColor {
     var result: definition.BorderColor = { top: undefined, right: undefined, bottom: undefined, left: undefined };
     try {
         if (types.isString(value)) {
+            if (value.indexOf("rgb") === 0){
+                result.top = result.right = result.bottom = result.left = new Color(value);
+                return result;    
+            }
+
             let arr = value.split(/[ ,]+/);
             if (arr.length === 1){
                 let arr0 = new Color(arr[0]);
@@ -1650,11 +1655,11 @@ function parseBorderColor(value: any): definition.BorderColor {
             }
         } 
         else if (value instanceof Color) {
-        result.top = result.right = result.bottom = result.left = value;
-    }
-    else {
-        result = value;
-    }
+            result.top = result.right = result.bottom = result.left = value;
+        }
+        else {
+            result = value;
+        }
     }
     catch(ex){
         if (trace.enabled) {
Original file line number	Diff line number	Diff line change
@@ -9,7 +9,7 @@ Label {
9	9	}
10	10
11	11	#s1 {
12		- border-width: 5; border-color: red;
	12	+ border-width: 5; border-color: rgba(255,0,0,1);
13	13	}
14	14
15	15	#s2 {
@@ -25,7 +25,7 @@ Label {
25	25	}
26	26
27	27	#s5 {
28		- border-width: 5 10 15 20; border-color: red;
	28	+ border-width: 5 10 15 20; border-color: rgb(255, 0, 0);
29	29	}
30	30
31	31	#s6 {
Original file line number	Diff line number	Diff line change
@@ -81,6 +81,14 @@ export function test_setting_borderColor_property_from_CSS_is_applied_to_Style()
81	81	test_property_from_CSS_is_applied_to_style("borderColor", "border-color", new color.Color("#FF0000"), "#FF0000");
82	82	}
83	83
	84	+ export function test_setting_borderColorRGB_property_from_CSS_is_applied_to_Style() {
	85	+ test_property_from_CSS_is_applied_to_style("borderColor", "border-color", new color.Color("#FF0000"), "rgb(255, 0, 0)");
	86	+ }
	87	+
	88	+ export function test_setting_borderColorRGBA_property_from_CSS_is_applied_to_Style() {
	89	+ test_property_from_CSS_is_applied_to_style("borderColor", "border-color", new color.Color("#FF0000"), "rgba(255,0,0,1)");
	90	+ }
	91	+
84	92	export function test_setting_borderRadius_property_from_CSS_is_applied_to_Style() {
85	93	test_property_from_CSS_is_applied_to_style("borderRadius", "border-radius", 20);
86	94	}