On Fri, Jul 15, 2011 at 4:40 AM, Janis Rough <janis.ro...@gmail.com> wrote: > tnx, sorry, you are right. I am sure that was one mistake but it > still doesn't print the box and I tried it in Mozilla.
Actually, I was wrong. You were right the first time. Those numbers represent "multiples of the corresponding computed border-width." So, I experimented with it further and found out that your syntax is exactly right, but none of the browsers currently recognize the border-image property. They all have their own extension of it that uses the same syntax, though. http://w3schools.com/cssref/css3_pr_border-image.asp div.box1{ -webkit-border-image: url(images/border.png) 27 27 27 27 round round; -moz-border-image: url(images/border.png) 27 27 27 27 round round; -o-border-image: url(images/border.png) 27 27 27 27 round round; border-image: url(images/border.png) 27 27 27 27 round round; } I'm sorry for my earlier mistake... and also for forgetting again that this list doesn't have the "reply-to" go back to the list :} -- Ghodmode http://www.ghodmode.com/blog > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> > <html> > <head> > <style type= "text/css"> > div.box1{ > border-image: url(images.jpg) 27px 27px 27px 27px round round; > } > div.box2{ > width:220px; > padding:10px; > border:5px solid blue; > margin:0px > } > </style> > </head> > <body> > <div class="box1"> > Lorem Ipsum </div> > <div class="box2"> > </div> > </body> > </style> > </html> > > On Thu, Jul 14, 2011 at 1:06 PM, Ghodmode <ghodm...@ghodmode.com> wrote: >> On Fri, Jul 15, 2011 at 2:47 AM, Janis Rough <janis.ro...@gmail.com> wrote: >>> Quick question on why doesn't my first box create the box with the >>> rounded corners and the border from the images in CSS3 HTML 5? The >>> 2nd box works but the first one doesn't. I have a little star image >>> in the htdocs. Seems like it should work. >> >> You didn't specify a unit for the border radius... 27 what? You need >> to put 27px. >> >>> >>> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" >>> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> >>> <html> >>> <head> >>> <style type= "text/css"> >>> div.box1{ >>> border-image: url(images.jpg) 27 27 27 27 round round; >>> } >>> div.box2{ >>> width:220px; >>> padding:10px; >>> border:5px solid blue; >>> margin:0px >>> } >>> </style> >>> </head> >>> <body> >>> <div class="box1"> >>> Lorem Ipsum </div> >>> <div class="box2"> >>> </div> >>> </body> >>> </style> >>> </html> >>> >>> thanks, >>> ______________________________________________________________________ >>> css-discuss [css-d@lists.css-discuss.org] >>> http://www.css-discuss.org/mailman/listinfo/css-d >>> List wiki/FAQ -- http://css-discuss.incutio.com/ >>> List policies -- http://css-discuss.org/policies.html >>> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ >>> >> > ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
