MonorailCss

Align Self

Utilities for controlling how an individual flex or grid item is positioned along its container's cross axis.

Class CSS Output
self-baseline-last 
align-self: last baseline;
}
self-end-safe 
align-self: safe flex-end;
}
self-center-safe 
align-self: safe center;
}
self-start 
align-self: flex-start;
}
self-auto 
align-self: auto;
}
self-stretch 
align-self: stretch;
}
self-center 
align-self: center;
}
self-baseline 
align-self: baseline;
}
self-end 
align-self: flex-end;
}

self-baseline-last

align-self: last baseline;

self-end-safe

align-self: safe flex-end;

self-center-safe

align-self: safe center;

self-start

align-self: flex-start;

self-auto

align-self: auto;

self-stretch

align-self: stretch;

self-center

align-self: center;

self-baseline

align-self: baseline;

self-end

align-self: flex-end;

Reference

align-self MDN ↗

CSS Properties

  • align-self