1 개요[ | ]
- CSS3 border-image Property
- CSS border-image 속성
css
Copy
border-image: url(이미지주소) 오프셋 옵션;
2 예시[ | ]
html
Copy
<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'>