Comments on: Border Properties, Values & Browser Support http://www.standardista.com CSS3, JavaScript and HTML5 explained Sat, 07 Apr 2012 12:13:02 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: Stefano http://www.standardista.com/css3/css3-border-properties/comment-page-1/#comment-41971 Stefano Sun, 27 Nov 2011 05:12:25 +0000 http://www.standardista.com/?page_id=191#comment-41971 Hi, border-collapse doesn't work on Safari or Chrome, it's a real bummer :( It does work on Firefox though Hi, border-collapse doesn’t work on Safari or Chrome, it’s a real bummer :( It does work on Firefox though

]]> By: CSS3 Properties, Values & Browser Support | Suyok's Blog http://www.standardista.com/css3/css3-border-properties/comment-page-1/#comment-39026 CSS3 Properties, Values & Browser Support | Suyok's Blog Sun, 13 Nov 2011 05:53:07 +0000 http://www.standardista.com/?page_id=191#comment-39026 [...] grids, columns, layouts or templates. I have a separate post for CSS3 Background Properties and CSS3 border properties. Those are all coming soon. Sorry for the slow download, but this table is over 8000 lines worth of [...] [...] grids, columns, layouts or templates. I have a separate post for CSS3 Background Properties and CSS3 border properties. Those are all coming soon. Sorry for the slow download, but this table is over 8000 lines worth of [...]

]]> By: CSS3 Border-Image » SitePoint http://www.standardista.com/css3/css3-border-properties/comment-page-1/#comment-25578 CSS3 Border-Image » SitePoint Thu, 30 Jun 2011 22:08:22 +0000 http://www.standardista.com/?page_id=191#comment-25578 [...] [...] [...] [...]

]]> By: Week 10 | tjpat http://www.standardista.com/css3/css3-border-properties/comment-page-1/#comment-19361 Week 10 | tjpat Sun, 03 Apr 2011 20:46:13 +0000 http://www.standardista.com/?page_id=191#comment-19361 [...] – http://24ways.org/2009/going-nuts-with-css-transitions border properties for CSS3 – http://www.standardista.com/css3/css3-border-properties This entry was posted in Uncategorized. Bookmark the permalink. ← Week 9 LikeBe [...] [...] – http://24ways.org/2009/going-nuts-with-css-transitions border properties for CSS3 – http://www.standardista.com/css3/css3-border-properties This entry was posted in Uncategorized. Bookmark the permalink. ← Week 9 LikeBe [...]

]]> By: delivery http://www.standardista.com/css3/css3-border-properties/comment-page-1/#comment-10958 delivery Tue, 04 Jan 2011 08:59:13 +0000 http://www.standardista.com/?page_id=191#comment-10958 [...] www.standardista.com/css3/css3-border-properties [...] [...] http://www.standardista.com/css3/css3-border-properties [...]

]]> By: Ric http://www.standardista.com/css3/css3-border-properties/comment-page-1/#comment-50 Ric Thu, 18 Mar 2010 11:59:05 +0000 http://www.standardista.com/?page_id=191#comment-50 You might be interested to know that the border-radius in the IE9 preview calculates the rounding 1 pixel less than the moz and webkit versions. Now granted, 1 pixel isn't a lot, especially when you are working with radii of over 5px, and there is the caveat that the moz and webkit versions are propriety implementations using their own prefix, but it is an annoying inconsistency none the less. For example, this image shows IE9, Mozilla and Chrome (in that order) rendering.. http://i.imgur.com/TDbpM.png .. the CSS class was set to .. { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px } .. and you can see the IE9 (top one) has less of an arc. Will we see the need to have more CSS "hacks" just to get small borders rendering the same across the browsers. ps: I realise that border-radius is due for Opera, but at the time of writing this it's only available for a beta/test build so I've not added that in the image. You might be interested to know that the border-radius in the IE9 preview calculates the rounding 1 pixel less than the moz and webkit versions.

Now granted, 1 pixel isn’t a lot, especially when you are working with radii of over 5px, and there is the caveat that the moz and webkit versions are propriety implementations using their own prefix, but it is an annoying inconsistency none the less.

For example, this image shows IE9, Mozilla and Chrome (in that order) rendering..

http://i.imgur.com/TDbpM.png

.. the CSS class was set to .. { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px } .. and you can see the IE9 (top one) has less of an arc.

Will we see the need to have more CSS “hacks” just to get small borders rendering the same across the browsers.

ps: I realise that border-radius is due for Opera, but at the time of writing this it’s only available for a beta/test build so I’ve not added that in the image.

]]> By: Theo http://www.standardista.com/css3/css3-border-properties/comment-page-1/#comment-30 Theo Fri, 12 Mar 2010 21:37:09 +0000 http://www.standardista.com/?page_id=191#comment-30 Agree with Andy, great job ! bookmarked, Thank you ! Agree with Andy, great job ! bookmarked,

Thank you !

]]> By: Andy http://www.standardista.com/css3/css3-border-properties/comment-page-1/#comment-25 Andy Thu, 11 Mar 2010 14:32:43 +0000 http://www.standardista.com/?page_id=191#comment-25 Best overview of CSS3 border properties I've seen. Thank you! Best overview of CSS3 border properties I’ve seen. Thank you!

]]>