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