inline-box-align property CSS Reference



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 ;
} 

Relative articles