Syntax
align-self
Controlling how an individual item is aligned along its cross axis.
Overview
| Class | Declarations |
|---|---|
align-self:`value` | align-self: `value`;
|
self-auto | align-self: auto;
|
self-normal | align-self: normal;
|
self-baseline | align-self: baseline;
|
self-center | align-self: center;
|
self-stretch | align-self: stretch;
|
self-start | align-self: start;
|
self-end | align-self: end;
|
self-flex-start | align-self: flex-start;
|
self-flex-end | align-self: flex-end;
|
self-self-start | align-self: self-start;
|
self-self-end | align-self: self-end;
|
self-anchor-center | align-self: anchor-center;
|
Apply conditionally
Apply styles based on different states using selectors and conditional queries.
<div class="align-self:auto:hover align-self:auto@sm align-self:auto@dark align-self:auto@print">…</div>