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