Properties

Properties

Editing
  • account_tree
  • bug_report

shape-outside

인접 인라인 콘텐츠를 형태에 따라 감싸는 처리를 한다.

설명

반드시 요소가 float 속성을 가져야 한다.

사용 가능한 값 타입

〈'shape-outside'〉

  • none | [ <basic-shape> || <shape-box> ] | <image>
    CSS Shape Module Level 1

사용되는 타입

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

  • 〈basic-shape〉

    clip-path, shape-outside, offset-path 속성에 사용되는 형태를 나타낸다.

  • 〈image〉

    2차원 이미지를 나타낸다.

  • 〈shape-box〉

    CSS 박스 모델에서 박스의 가장자리를 참조하는 키워드를 shape에게 사용하는 경우를 나타낸다.

    • <box> | margin-box

일반적으로 사용되는 값

다음 키워드는 속성에 따라 다른 의미를 가질 수도 있다. 값 사용에 대한 자세한 사항은 아래 값 항목을 참고하라.

  • none

    어떠한 값도 설정하지 않음을 나타낸다.

다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.

  • 〈'shape-outside'〉noneCSS Shape Module Level 1
  • <basic-shape>CSS Shape Module Level 1

    inset(), circle(), ellipse(), polygon(), path() 함수를 이용하여 생성된 Shape

    SVG 요소를 clip path로 지정하여 지정 대상을 클리핑한다.

  • <gradient>CSS Shape Module Level 1

    linear-gradient(), radial-gradient() 함수를 이용

    SVG 요소를 clip path로 지정하여 지정 대상을 클리핑한다.

  • <image>CSS Shape Module Level 1

    SVG 요소를 clip path로 지정하여 지정 대상을 클리핑한다.

구문

  • shape-outside 〈basic-shape〉 | 〈gradient〉 | 〈image〉 CSS3

버전 명세

Modules
Module NameStatusSummary
CSS Shape Module Level 1추천 후보

Last review date: 2022-5-23

지원 웹브라우저