<baseline-position>
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-startfor self-alignment orsafe startfor 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-endfor self-alignment orsafe endfor content distribution.
Specifications
No specification found
No specification data found for css.types.baseline-position.
Check for problems with this page or contribute a missing spec_url to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.
Browser compatibility
BCD tables only load in the browser
See also
- Properties that use this data type:
align-content,align-items,align-self,justify-items,justify-self,place-content,place-items, andplace-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