Skip to content

Instantly share code, notes, and snippets.

@Ricardo-Diaz
Created October 25, 2012 22:30
Show Gist options
  • Save Ricardo-Diaz/3955889 to your computer and use it in GitHub Desktop.
Save Ricardo-Diaz/3955889 to your computer and use it in GitHub Desktop.
CSS: Image Border
Adding an image-based border – border-image
You can create any kind of border you want for any object(s) on your website using this. Just supply your own border.png image, and the use the border-image property on a object to add that image-based border to it.
#border-image-style {
border-width:15px;
/* 3 types of border exist repeated, rounded or stretched (repeat / round / stretch) */
-moz-border-image:url(border.png) 30 30 stretch ;
-webkit-border-image:url(border.png) 30 30 stretch;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment