Allow borders to be applied on a per-side basis in CSS

[tjvantoll]

I'm finding that I frequently need to put a border on one side of a UI component, but NativeScript currently does not support this. I'm requesting that the following CSS properties be added:

• border-top-width
• border-top-color
• border-right-width
• border-right-color
• border-bottom-width
• border-bottom-color
• border-left-width
• border-left-color

To be consistent with CSS, I would also like the border-width and border-color shorthands to work like they do in CSS.

Update: You can vote for this feature at https://nativescript.ideas.aha.io/ideas/NS-I-110.

Thanks.

[lscown]

Yes please 👍

[PeterStaev]

👍

[tsvetan-ganev]

👍

[kishmiryan-karlen]

👍

[kishmiryan-karlen]

@tjvantoll do you have any workaround now?

[kvelikov]

👍

[rclai]

So how do we set a border to a specific side right now?

[tjvantoll]

What I’ve been doing is something like <stack-layout style="height: 2; border-color: red; border-width: 2;"></stack-layout>, which is definitely hacky, but it works until per-side borders are truly supported.

[rclai]

Oh haha okay, thanks.

[tenorok]

It feature is just vital! 👍

[stevetayloruk]

+1