Please note, that this is an old archived version of this site. Check out the new version at andunix.net!

Differences

This shows you the differences between two versions of the page.

--- info:webdesign:css:border [2013-07-11 06:44]
andunix created
+++ info:webdesign:css:border [2013-07-11 07:08] (current)
andunix
@@ Line 7: / Line 7: @@
   border-image: url("glow_border.png") 30 30 30 30 stretch stretch;
   border-width: 12px;
+  border-style: solid;
-The current browsers don't accept ''border-image'', so you need to prepend them with the browser specific prefix:
+<html><div style="background-color: black; padding: 10px; width: 104px; height: 54px; "><div style="border-image: url('/_media/info/webdesign/css/glow_border.png') 30 30 30 30 stretch stretch; border-width: 12px; border-style: solid; height: 30px; width: 80px;"></div></div></html>
-  border-image: url("glow_border.png") 30 30 30 30 stretch stretch;
-  -moz-border-image: url("glow_border.png") 30 30 30 30 stretch stretch;
-  -webkit-border-image: url("glow_border.png") 30 30 30 30 stretch stretch;
-  -o-border-image: url("glow_border.png") 30 30 30 30 stretch stretch;
-  border-width: 12px;
-<html><div style="background-color: black; height: 50px; padding: 10px; width: 100px;"><div style="border-image: url('http://andunix.info/_media/code/glow_border.png') 30 30 30 30 stretch stretch; -moz-border-image: url('http://andunix.info/_media/code/glow_border.png') 30 30 30 30 stretch stretch; -webkit-border-image: url('http://andunix.info/_media/code/glow_border.png') 30 30 30 30 stretch stretch; -o-border-image: url('http://andunix.info/_media/code/glow_border.png') 30 30 30 30 stretch stretch; border-width: 12px; height: 30px; width: 80px;"></div></div></html>
 {{tag>webdesign web design css}}

andunix.net

User Tools

Site Tools

Differences

Page Tools