align-self
align-self 속성에 대한 유틸리티입니다.
flex
나 grid
항목의 align-items
값을 덮어씁니다. grid
에서는 grid area 내의 항목을 정렬하며, flexbox
에서는 cross-axis를 기준으로 항목을 정렬합니다.
클래스 | 약어 클래스 | 속성 |
---|---|---|
align-self:stretch | al-self:stretch as:stretch | align-self: stretch !important; |
align-self:center | al-self:center as:center | align-self: center !important; |
align-self:start | al-self:start as:start | align-self: start !important; |
align-self:end | al-self:end as:end | align-self: end !important; |
align-self:self-start | al-self:self-start as:self-start | align-self: self-start !important; |
align-self:self-end | al-self:self-end as:self-end | align-self: self-end !important; |
align-self:flex-start | al-self:flex-start as:flex-start | align-self: flex-start !important; |
align-self:flex-end | al-self:flex-end as:flex-end | align-self: flex-end !important; |