Apply a border/stroke to 1 side of a rectangle.
Rectangles: allow 1 or more sides to have a border(stroke), like: border-top
-
Will Maguire commented
how in the hell is this not implemented by now???
I may as well prototype in Bootstrap
-
Adelheid Kiriland commented
This is sorely needed 🙏🏻
-
Duc Ngo commented
Yes please!
-
Anonymous commented
Strongly needed because this is the way divs will be coded in the markup.
-
MB commented
needed
-
Gustavo Lo Valvo commented
That would be fantastic!!
-
Jason Quiz commented
I would love this feature and would bring my XD designs closer to the way that it will be built.
Example:
Instead of making two 1px horizontal lines that cap off a section, I could just make a single box with a top and bottom stroke (which is how the DIV styling would actually be done). -
Kathy Sterman commented
Yes, I just need a top border!
-
Anonymous commented
please add the ability to do this, same as css (border-top, etc)
-
Anonymous commented
@Peter fyi we all want this feature
-
Anonymous commented
Is this seriously not possible still?
-
@Jeremy: XD has supported independent corner radius for a very long time. Just click the toggle button next to the corner radius text field.
-
Jeremy Mcleod commented
Erkan Ogumsogutlu oh no! We wouldn't want to mess up the look of the appearance panel by adding useful tools and controls, would we? Seriously, what kind of ridiculous objection is that?
Adobe, this feature is required NOW. Not only do we need explicit controls for each side of a border, being able to set independent border radii is also a mysteriously missing feature. Meanwhile, Fireworks (which you killed off in favor of XD) had independent border & border-radius controls for each side TWO DECADES AGO.
-
Anonymous commented
Please consider this feature Adobe! I need this all the time.
A workaround for this is setting a shadow with 1px offset and blur set to a value of 0.
Far from ideal but slightly better than having to insert another line shape for the border.
-
@Tony - fyi, I don't believe Sketch has this feature either...
-
Tony commented
I'm being yelled at by my boss to switch to Sketch because Adobe XD is not capable of competing with them. I don't really want to because I have been with Adobe for over 15 years, so I'm hoping they pull through for all of our sake.
-
Mick commented
There are times this would be needed, such as Repeat Grid for bordered table rows. Instead of having to set it to -1 to avoid double borders, could set the row to only have a bottom or top border.
To select the border sides, you could basically duplicate the look/functionality of the border radius corner selections.
-
Uxster53 commented
A basic CSS property and available in Axure since forever. Love to see this in XD.
-
Matt Weaver commented
Many different design systems have this little border on the side or on the bottom of their cards and modules. A feature like this would be very appreciated.
-
Erkan Ogumsogutlu commented
This would mess up the appearance panel. You woudn't want this. Think twice.