Properties

Properties

Editing
  • account_tree
  • bug_report

place-self

align-self 속성과 justify-self 속성 값을 한번에 작성할 수 있는 축약성 속성이다.

사용 가능한 값 타입

〈'align-self'〉

사용되는 키워드

  • auto

    이 키워드가 사용된 속성이 align-self일 경우에 상위 컨테이너의 계산된 align-items  값으로, justify-self일 경우에 상위 컨테이너의 계산된 justify-items값으로 작동한다.

  • normal

    기본 위치로 설정한다.

  • stretch

    정렬 대상의 계산된 너비/높이(축에 적합한)가 자동이고 여백이 모두 자동인 경우 정렬 대상의 사용된 크기를 min-height/min-width/max-height/max-width로 부과되는 구속 조건을 유지하면서 가능한 정렬 컨테이너를 채우는데 필요한 길이로 설정된다.

사용되는 타입

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

〈'justify-self'〉

  • auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ]
    CSS Box Alignment Module Level 3

사용되는 키워드

  • left

    정렬 컨테이너의 왼쪽 또는 실제 왼쪽 가장자리 중 적절한 축에 있는 것과 같은 높이로 정렬 대상을 정렬한다.

  • right

    정렬 컨테이너의 오른쪽 또는 물리적 오른쪽 가장자리 중 적절한 축에 있는 것과 같은 높이로 정렬 대상을 정렬한다.

  • auto

    이 키워드가 사용된 속성이 align-self일 경우에 상위 컨테이너의 계산된 align-items  값으로, justify-self일 경우에 상위 컨테이너의 계산된 justify-items값으로 작동한다.

  • normal

    기본 위치로 설정한다.

  • stretch

    정렬 대상의 계산된 너비/높이(축에 적합한)가 자동이고 여백이 모두 자동인 경우 정렬 대상의 사용된 크기를 min-height/min-width/max-height/max-width로 부과되는 구속 조건을 유지하면서 가능한 정렬 컨테이너를 채우는데 필요한 길이로 설정된다.

사용되는 타입

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

구문

  • 〈'align-self'〉 〈'justify-self'〉?

지원 웹브라우저