CSS line-stacking-strategy Property
Description
The line-stacking-strategy
property determines the line stacking strategy for stacked line boxes within a containing block element. The term 'stack-height' is used in the context of this property description to indicate the block-progression advance for the line boxes.
The line-stacking-strategy property has been deprecated or is no longer in any CSS working groups.
- Initial value
- inline-line-height
- Applies to
- Block level elements
- Inherited
- Yes
- Media
- Visual
- Computed value
- Specified value (except for initial and inherit)
- Animatable
- No
- CSS Version
- CSS3
- JavaScript syntax
- object.style.lineStackingStrategy
Syntax
line-stacking-strategy: inline-line-height | block-line-height | max-height | grid-height
Values
- inline-line-heightThe stack-height is the smallest value that contains the extended block progression dimension of all the inline elements on that line when those elements are properly aligned. Since the line spacing information is already included in the computation of the line box, these line boxes are simply stacked adjacent to one another in the formatted block to which they belong.
- block-line-heightThe stack-height is determined by the block element 'line-height' property value. The 'line-height' property value is ignored for inline elements.
- max-heightThe stack-height is the smallest value that contains the block progression dimension of all the inline elements on that line when those elements are properly aligned.
- grid-heightThe stack-height is the smallest multiple of the block element 'line-height' computed value that can contain the block progression of all the inline elements on that line when those elements are properly aligned.
Example
.class {
line-stacking-strategy: max-height;
}
Browser Support
Desktop | |||||
? | ? | ? | ? | ? | ? |
Tablets / Mobile | |||||
![]() |
|||||
? | ? | ? | ? | ? | ? |