CSS max-lines Property

Description

The max-lines property forces a fragment to break after a specified number of lines. This forces a break after the given number of lines contained within the element or its descendants, as long as those lines are in the same block formatting context.

The max-lines property has been deprecated or is no longer in any CSS working groups.

Initial value

none

Applies to

Fragment boxes

Inherited

No

Media

Visual

Computed value

Specified value

Animatable

No

CSS Version

CSS3

JavaScript syntax

object.style.maxLines

Syntax

max-lines: none | <integer> 

Values

• noneBreaks occur only as specified elsewhere.
• <integer>In addition to any breaks specified elsewhere, a break is forced before any line that would exceed the given number of lines being placed inside the element. Only positive numbers are allowed.

Example

.class {
   max-lines: 3;
}

Browser Support

Desktop
?	?	?	?	?	?
Tablets / Mobile
?	?	?	?	?	?