스타일 alignItems 속성
예시
유연한 <div> 요소의 모든 항목에 대한 정렬을 컨테이너 시작 부분에 배치합니다.
document.getElementById("main").style.alignItems = "flex-start";
정의 및 사용
alignItems 속성은 유연한 컨테이너 내부 항목의 기본 정렬을 지정합니다.
팁: 각 항목의 align-self 속성을 사용하여 align-items 속성을 재정의하십시오.
브라우저 지원
표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Webkit 뒤에 오는 숫자는 접두사와 함께 작동한 첫 번째 버전을 지정합니다.
Property | |||||
---|---|---|---|---|---|
alignItems | 21.0 | 11.0 | 20.0 | 9.0 7.0 Webkit |
12.1 |
통사론
alignItems 속성을 반환합니다.
object.style.alignItems
alignItems 속성을 설정합니다.
object.style.alignItems = "stretch|center|flex-start|flex-end|baseline|initial|inherit"
속성 값
Value | Description |
---|---|
stretch | Default. Items are stretched to fit the container |
center | Items are positioned at the center of the container |
flex-start | Items are positioned at the beginning of the container |
flex-end | Items are positioned at the end of the container |
baseline | Items are positioned at the baseline of the container |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
기술적 세부 사항
기본값: | 뻗기 |
---|---|
반환 값: | 요소의 align-items 속성을 나타내는 문자열 |
CSS 버전 | CSS3 |
관련 페이지
CSS 참조: align-items 속성
HTML DOM STYLE 참조: alignContent 속성
HTML DOM STYLE 참조: alignSelf 속성