CSS - line-height


Advertisements


Description

The line-height property modifies the height of the inline boxes which make up a line of text.

Possible Values

  • normal − Directs the browser to set the height of lines in the element to a "reasonable" distance.

  • number − The actual height of lines in the element is this value multiplied by the font-size of the element.

  • length − The height of lines in the element is the value given.

  • percentage − The height of lines in the element is calculated as a percentage of the element's font-size.

Applies to

All the HTML elements.

DOM Syntax

object.style.lineHeight = "15px;"

Example

Following is the example −

<html>
   <head>
   </head>
   <body>
      <p style="line-height:180%">
      This text is having bigger line height. Line 1
      This text is having bigger line height. Line 2
      </p>
   </body>
</html> 

This will produce following result −



Advertisements