Skip to content

Instantly share code, notes, and snippets.

@mclaughj

mclaughj/gist:604756

Created September 30, 2010 15:30
Show Gist options
  • Save mclaughj/604756 to your computer and use it in GitHub Desktop.
Save mclaughj/604756 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.html
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Border Image Test</title>
<style type="text/css">
#slider {
/*This shows how to use border-image to mimic the behavior
of stretchableImageWithLeftCapWidth:topCapHeight: in CSS.
This example has a border-left and border-right width of 15px.
The 16th pixel will be repeated horizontally.*/
-webkit-border-image: url(slider.png) 0 15 0 15;
border-color: transparent;
border-width: 0 15px 0 15px;
width:200px;
height:45px;
}
</style>
</head>
<body>
<div id="slider"></div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment