View Full Version : Minus Border Width

05-08-2011, 09:07 PM

Whats the best way of creating the effect on the edge of the twitter section ?

border-width:0 7px;
-webkit-border-image: url(images/border2.png) 50 50 50 50 repeat;
-moz-border-image: url(images/border2.png) 0 50 repeat;
border-image: url(images/border2.png) 0 50 repeat ;

Using this


But the border stays within the tweet div so does not show transparent background.

I don't know another way of doing it because you can't use negative border widths.

05-08-2011, 09:48 PM
Not entirely sure I've understood, but there is 'border-color: transparent;' for a transparent border, but I don't know whether it's universally supported.

05-08-2011, 10:23 PM
basically, how would you go about making the jagged border on the twitter div ?

this div does resize height wise..

just not sure the best way to go about it. I want something universal really.

05-08-2011, 10:53 PM
issue has been fixed. transparent border colour did not work, i used background-clip !

thanks anyway.

05-08-2011, 11:23 PM
No problem.

Background-clip is a CSS3 property and (like a transparent colour) is not hugely supported. However, there is some helpful information about it at css tricks (http://css-tricks.com/transparent-borders-with-background-clip/).