Definition and Usage
The 'inline-box-align' property determines which line of a multi-line inline block align with the previous and next inline elements within a line. The alignment strategy for the inline lock itself (i.e. the definition of it alignment point and which parent baseline should be used for the alignment) is determined by the inline block element baseline alignment properties applicable to the line being used for the alignment. This property has no effect for single line inline block.
Name: | inline-box-align |
Value: | initial | last | <integer> |
Initial: | last |
Applies to: | inline-block-level elements |
Inherited: | no |
Percentages: | N/A |
Media: | visual |
Computed value: | specified value (except for initial and inherit) |
Syntax
inline-box-align : initial | last | <integer> ;
Values
- initial
- Use the initial line of the inline block element for alignment purpose.
- last
- Use the last line of the inline block element for alignment purpose.
- <integer>
- Use nth line (as determined by the integer value) of the inline block element for alignment purpose.
Examples
.class { inline-box-align: initial ; }