CSS align-self 속성
예시
유연한 요소 내부의 항목 중 하나에 대한 정렬을 가운데에 맞춥니다.
#myBlueDiv
{
align-self: center;
}
정의 및 사용
속성 은 align-self
유연한 컨테이너 내부에서 선택한 항목의 정렬을 지정합니다.
참고: 속성은 유연한 컨테이너 의 align-itemsalign-self
속성 을 재정의합니다
.
브라우저 지원
표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
-webkit- 뒤에 오는 숫자는 접두사와 함께 작동한 첫 번째 버전을 지정합니다.
Property | |||||
---|---|---|---|---|---|
align-self | 21.0 | 11.0 | 20.0 | 9.0 7.0 -webkit- |
12.1 |
CSS 구문
align-self: auto|stretch|center|flex-start|flex-end|baseline|initial|inherit;
속성 값
Value | Description | Play it |
---|---|---|
auto | Default. The element inherits its parent container's align-items property, or "stretch" if it has no parent container | |
stretch | The element is positioned to fit the container | |
center | The element is positioned at the center of the container | |
flex-start | The element is positioned at the beginning of the container | |
flex-end | The element is positioned at the end of the container | |
baseline | The element is 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 |
관련 페이지
CSS 참조: align-content 속성
CSS 참조: align-items 속성
HTML DOM 참조: alignSelf 속성