CSS Types

CSS Types

Editing

<content-position>

justify-content, align-content 속성에서 사용되는 정렬 키워드를 나타낸다.

구문

  • CSS Box Alignment Module Level 3
    center | start | end | flex-start | flex-end

    justify-content, align-content 속성에서 상자의 내용을 정렬한다.

사용되는 키워드

키워드요약
center

정렬 컨테이너 내에서 정렬 대상들을 가운데 배치한다.

end

적절한 축에서 정렬 컨테이너의 끝 가장자리와 같은 높이가 되도록 정렬 대상을 정렬한다.

flex-end

플렉스(flex) 레이아웃에서만 사용된다. 필요에 따라 플렉스 컨테이너의 기본 끝 또는 교차 끝 측면에 해당하는 정렬 컨테이너의 가장자리와 같은 높이가 되도록 정렬 대상을 정렬한다.

flex-start

플렉스(flex) 레이아웃에서만 사용된다. 플렉스 컨테이너의 기본 시작 또는 교차 시작 측면에서 해당하는 정렬 컨텐이너의 가장자리와 같은 높이가 되도록 정렬 대상을 정렬한다.

start

적절한 축에서 정렬 컨테이너의 시작 가장자리와 같은 높이가 되도록 정렬 대상을 정렬한다.

버전 명세

Modules
Module NameStatusSummary
CSS Box Alignment Module Level 3

Last review date: 2022-6-26