`<baseline-position>` CSS type

The <baseline-position> enumerated value type represents the baseline keyword values and first and last modifiers, used for the align-content, align-items, align-self, justify-items and justify-self properties as well as the place-content, place-items, and place-self shorthand properties.

The first and last values give a box a baseline alignment preference, defaulting to first if the modifier is omitted.

Syntax

<baseline-position> = [ first | last ]? && baseline

Values

The <baseline-position> enumerated value type is specified using an optional first or last modifier with the baseline value. If a box does not belong to a shared alignment context, then the fallback alignment is used. The fallback alignment is also used to align the baseline-sharing group within its alignment container.

• baseline

  • : Computes to first baseline, as defined below.

• first baseline

  • : Aligns the alignment baseline of the box’s first baseline set with the corresponding baseline of its baseline-sharing group. The fallback alignment is safe self-start for self-alignment or safe start for content distribution.

• last baseline

  • : Aligns the alignment baseline of the box’s last baseline set with the corresponding baseline of its baseline-sharing group. The fallback alignment is safe self-end for self-alignment or safe end for content distribution.

Specifications

See also

• Properties that use this data type: align-content, align-items, align-self, justify-items, justify-self, place-content, place-items, and place-self
• Other box alignment data types: content-distribution, content-position, overflow-position, and self-position
• CSS box alignment module
• CSS flexible box layout module
• CSS grid layout module