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