Высота строки CSS - httpdoc.ru

Высота линии CSS

Свойство CSS line-height используется для указания промежутка между двумя строками. По умолчанию это 100%. Значения менее 100% уменьшают расстояние между линиями, а значения более 100% увеличивают его.


Значения высоты строки CSS

Ценить Описание
обычный Это значение по умолчанию, которое определяет нормальную высоту строки.
Любой номер Данное число будет умножено на текущий размер шрифта, чтобы установить высоту строки.
длина Высота строки задается в пикселях, pt, см и т. Д.
% Высота строки указывается в процентах.
исходный Он устанавливает для свойства значение по умолчанию.
наследовать Свойство наследуется от родительского элемента.
Пример
<!DOCTYPE html>
<html lang="en">
<head>
  <title> CSS Line Height </title> 
  <meta charset="UTF-8"> 
<style>  
.small {  
    line-height: 70%;  
}  
.big {  
    line-height: 150%;  
}  
</style>  
</head>  
<body>  
 <h4>  
  This is a heading with a standard line-height.<br>  
 </h4>  

 <h4 class="small">  
  This is a heading with a smaller line-height.<br>  
 </h4>
   
<h4 class="big">  
 This is a heading with a bigger line-height.<br>  
</h4>  
</body>  
</html>

Выход

CSS Line Height

Это заголовок со стандартной высотой строки.

Это заголовок с меньшей высотой строки.

Это заголовок с большей высотой строки.