2

I needed to assign different border styles for a shape, let's say rectangle. For example, I want to make a #666 1px top border and #333 2px bottom border like we do in CSS.

{
  border-top: 1px solid #666;
  border-bottom: 2px solid #333;
}

Anyone knows a practical way to do this? Any help would be appreciated.

2
  • Sorry, not possible with Sketch at this time. You could duplicate the shape and apply 2 different borders and overlay them on top of each other to get the desired effect. Dec 30, 2014 at 13:58
  • Thanks for the tip @huptur. I'm pretty much sure that I saw someone doing it but I can't find the tutorial. Dec 30, 2014 at 20:46

1 Answer 1

6

You can fake the different border styles with shadows.

For the example you posted, you can add two shadows with the following settings:

enter image description here

Here's what you will get in Sketch:

enter image description here

2

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.