Properties

Properties

Editing
  • account_tree
  • bug_report

border-image

요소의 테두리를 이미지를 이용하여 생성하는 관련 속성을 한번에 설정할 수 있는 축약식 속성이다.

사용 가능한 값 타입

〈'border-image'〉

  • <'border-image-source'> || <'border-image-slice'> [ / <'border-image-width'> | / <'border-image-width'>? / <'border-image-outset'> ]? || <'border-image-repeat'>

사용되는 타입

아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다. 값 사용에 대한 자세한 사항은 아래 값 항목을 참고하라.

구문

  • border-image url('border.png') 30 round;CSS3
  • border-image none 100% 1 0 stretch;CSS3

예제

테두리를 이미지로 적용한다.

지원 웹브라우저