Property align-items

The CSS align-items property sets the align-self value on all direct children as a group. In flexbox, it controls the alignment of items on the cross axis. In grid layout, it controls the alignment of items on the block axis within their grid areas.

Syntax

/* Basic keywords */ align-items: normal; align-items: stretch;

/* Positional alignment / / align-items does not take left and right values */ align-items: center; align-items: start; align-items: end; align-items: flex-start; align-items: flex-end; align-items: self-start; align-items: self-end; align-items: anchor-center;

/* Baseline alignment */ align-items: baseline; align-items: first baseline; align-items: last baseline;

/* Overflow alignment (for positional alignment only) */ align-items: safe center; align-items: unsafe center;

/* Global values */ align-items: inherit; align-items: initial; align-items: revert; align-items: revert-layer; align-items: unset;