본문 바로가기

Webstoryboy

Category

Explanation

CSS

[CSS] border-image-outset

border-image-outset

border-image-outset 속성은 테두리 이미지 간격 속성을 설정합니다.


border-image-outset

border-image-outset 속성은 테두리 이미지 간격 속성을 설정합니다.

정의(Definition)

  • border-image-outset 속성은 테두리 이미지 간격 속성을 설정합니다.

문법(Syntax)

border-image-outset : length | number

/* 표현 방법(위,오른쪽,아래,왼쪽:10px)을 설정한 경우 */
border-image-outset : 10px;

/* 표현 방법(위,아래:5px | 왼쪽,오른쪽:2px) */
border-image-outset : 5px 2px;

/* 표현 방법(위:10px | 왼쪽,오른쪽:30px | 아래:50px) */
border-image-outset : 10px 30px 50px;

/* 표현 방법(위:10px | 오른쪽:30px | 아래:50px | 왼쪽:70px) */
border-image-outset : 10px 30px 50px 70px;

속성(Property)

속성값 설명
length 테두리 이미지 간격을 CSS 단위로 설정합니다.
number 테두리 이미지 간격을 %로 설정합니다.

호환성(Compatibility)

크롬 아이콘 파이어폭스 아이콘 사파리 아이콘 오페라 아이콘 네이버 웨일 익스플로러6 아이콘6 익스플로러7 아이콘7 익스플로러8 아이콘8 익스플로러9 아이콘9 익스플로러10 아이콘10 익스플로러11 아이콘11 엣지 아이콘 안드로이드 아이콘 ios 아이콘
border-image-outset 사용가능 사용가능 사용가능 사용가능 사용가능 사용안됨 사용안됨 사용안됨 사용안됨 사용안됨 사용가능 사용가능 사용가능 사용가능

더보기

인스타그램 보기 바로가기

포트폴리오 스터디 바로가기

유튜브 영상보기 바로가기