align-self

The align-self property overrides the align-items value for an individual flex item.

Formal Syntax

auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position> | anchor-center

Initial value

auto

Applies to

flex items, grid items, and absolutely-positioned boxes

Inherited

no

Percentages

n/a

Computed value

specified keyword(s)

Animation type

discrete

See specification

JavaScript Access

// Access via element.style
element.style.alignSelf = 'auto';