CSS border-image 속성

1 개요

CSS3 border-image Property

CSS border-image 속성

border-image: url(이미지주소) 오프셋 옵션;

2 예시

• 예제: http://zetawiki.com/ex/css/border-image.php

<style>
div { 
	width: 300px;
	margin: 50px;
	border: 9px solid transparent;
}
.border-round {
	border-image: url(//www.w3schools.com/cssref/border.png) 30 round;
}
.border-stretch {
	border-image: url(//www.w3schools.com/cssref/border.png) 30 stretch;
}
</style>

<div class='border-round'>안녕</div>
<div class='border-stretch'>친구들</div>
<img src='//www.w3schools.com/cssref/border.png'>

3 같이 보기

• CSS 둥근 모서리 border-radius
• CSS 박스 그림자 box-shadow
• CSS border 속성

4 참고

• http://www.w3schools.com/cssref/css3_pr_border-image.asp