border-image
![[2021/12/27]국비지원 CSS3 8-(4) border-image](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2Fl2IFo%2FbtrsaR95i9S%2FAAAAAAAAAAAAAAAAAAAAAFJRqBlCXx-kjmBBcBVB_45eKq5DEIAbLK97rTg4HSDI%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1756652399%26allow_ip%3D%26allow_referer%3D%26signature%3DmszLdiUmV%252FVns5OC2tKw1SiLsBE%253D)
[2021/12/27]국비지원 CSS3 8-(4) border-image
border-image : 색 대신에 이미지파일을 이용해서 border를 출력하는 property ( 통합 ) border-image : url( 이미지 경로 ) x축-sprite값 y축-sprite값 repeat repeat-style border-image-source : url( 이미지 경로 ) border-image-slice : 3x3 size border-image-repeat stretch : 늘리기 repeat : 반복 round : 이미지의 마지막을 작게 출력해서 잘리지 않도록 space : 이미지 잘려도 상관없을 때 브라우저에 따라서는 css3 property를 완벽 구현하지 못 하는 경우가 있어서 식별 접두사가 필요한 property가 다수 식별 접두사 -webkit- : Safari..