Высота линии 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>