NativeScript/apps/app/ui-tests-app/css/gradient-border.css

StackLayout {
    width: 80;
    height: 80;
    background: linear-gradient(to top, green, blue);
}

#s0 {
    border-width: 5;
}

#s1 {
    border-width: 5; border-color: red;
}

#s2 {
    border-width: 5; border-color: red red red green;
}

#s3 {
    border-width: 5; border-color: red; border-radius: 5;
}

#s4 {
    border-width: 5; border-color: red; border-radius: 50;
}

#s5 {
    border-width: 5 10 15 20; border-color: red;
}

#s6 {
    border-width: 5; border-color: red green blue yellow;
}

#s7 {
    border-width: 5 10 15 20; border-color: red green blue yellow;
}

#s8 {
    border-width: 5 10; border-color: red green;
}

#s9 {
    border-width: 15 10 5; border-color: red green blue;
}

#s10 {
    border-width: 5 0; border-color: black;
}

#s11 {
    background-color: magenta;
}

#s12 {
    border-width: 5 10 15 20; border-color: red green blue yellow; border-radius: 5 10 15 20;
}

#s13 {
    border-width: 5 10 15 20; border-color: red green blue yellow; border-radius: 5;
}

#s14 {
    border-width: 5 10 15 20; border-color: red green blue yellow; background-color: magenta;
}

#s15 {
    border-width: 5 10 15 20; border-color: red green blue yellow; background-image: url('~/ui-tests-app/resources/images/test2.png');
}

#s16 {
    border-width: 5; border-color: red; padding: 5;
}

#s17 {
    border-width: 5 6 7 8; border-color: red green blue yellow; padding: 5 6 7 8;
}