0

I have never even heard of CSS border-width property having multiple values, let alone seen it used this way.

ng-grid uses border-width to make arrow icons - like this: 

border-width:5px 8.7px 5px 0;

I do not know whether this is ng-grid-specific or whether it is a general property, available in any setting.

Check this plunker out: http://plnkr.co/edit/50vJrs

Never mind all the JavaScript, just play with the CSS, specifically the border-width values in style.css.

Am I out-of-the-loop CSS-wise?

DaveC426913
  • 2,012
  • 6
  • 35
  • 63
  • No it's something that's been around for some time. – Paulie_D Aug 19 '14 at 13:49
  • 1
    possible duplicate of [How does this CSS triangle shape work?](http://stackoverflow.com/questions/7073484/how-does-this-css-triangle-shape-work) – Paulie_D Aug 19 '14 at 13:49
  • Wow. I had no idea. So, what advantages does this incur? I cna see how it's a useful alternative to gifs, but what about font icons, such as font awesome? – DaveC426913 Aug 19 '14 at 14:19
  • 1
    Triangles are just the start although they all use the same technique. [**Shapes of CSS @ CSS-Tricks**](http://css-tricks.com/examples/ShapesOfCSS/). Advantages include no extra http request and no images. It's not a real substitute for icons / fonts though...just nice to have in your toolbelt. – Paulie_D Aug 19 '14 at 14:34
  • With CSS you're not out of the loop, you're outside the box. – ivarni Aug 20 '14 at 05:47

0 Answers0