Skip to content

Shorthand properties for border-bottom and border-right don't accept color #40

@bcochranemax

Description

@bcochranemax

When using the border-bottom and border-right shorthand css syntax, color is ignored unless set separately. They do work if used in conjunction with another border-* property, or with border-color, but not on their own.

Here is a visual representation of how they function.
unknown

// does not set color
<view style={{ borderBottom: '2px solid green' }} />
<view style={{ borderRight: '2px solid green' }} />
// sets color correctly
<view style={{ borderColor: 'green', borderBottom: '2px solid' }} />
<view style={{ borderBottom: '2px solid green', borderRight: '2px solid green' }} />
<view style={{ borderBottom: '2px solid green', borderTop: '2px solid green' }} />

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions