Узнайте, как использовать высоту свойства стиля CSS, чтобы повлиять на ваш интервал между строками на ваших веб-страницах.
Значения расстояния между линиями CSS
Интервал между строками CSS зависит от свойства строки стиля CSS. Это свойство принимает до 5 различных значений:
- Нормальный: браузер определяет значение для межстрочного интервала, связанного с размером шрифта. Обычно это совпадает с размером шрифта или немного больше (например, 20%).
- Наследовать: межстрочный интервал следует брать из межстрочного интервала родительского элемента. Поэтому, если вы установите высоту линии вашего тега тела на 30% больше размера шрифта и тегов абзаца внутри, которые установлены для наследования, они также будут иметь высоту линии на 30% больше размера шрифта.
- Число: Если значение высоты линии не имеет единицы измерения, оно считается множителем по размеру шрифта для высоты строки. Таким образом, высота строки 1.25 будет на 25% больше размера шрифта.
- A Длина: Если значение высоты линии имеет единицу измерения, то это точный объем пространства между линиями. Таким образом, 1,25 мм приведет к разнесению линий на 1,25 миллиметра.
- A Процент: Если длина строки равна проценту, это будет в процентах от размера шрифта. Таким образом, высота линии 125% будет на 25% больше размера шрифта.
Какое значение следует использовать для интервала между линиями CSS
В большинстве случаев лучший выбор для межстрочного интервала - оставить его по умолчанию или «нормальным». Это, как правило, наиболее читаемо и не требует, чтобы вы делали что-то особенное. Но изменение межстрочного интервала может придать вашему тексту другой смысл.
Если ваш размер шрифта определяется как ems или проценты, ваша линия высоты также должна быть определена таким образом. Это наиболее гибкая форма межстрочного интервала, поскольку позволяет читателю изменять размер шрифтов и сохранять одинаковое соотношение на расстоянии между линиями.
Установите высоту строки для листов стилей печати с указанием значения точки (pt). Точка - это показатель печати, поэтому ваши размеры шрифта также должны быть в точках.
Нам не нравится использовать выбор номера, потому что мы обнаружили, что это больше всего сбивает с толку людей. Многие люди думают, что число является абсолютным размером, и поэтому они делают его огромным. Например, у вас может быть шрифт, установленный в 14px, а затем вы устанавливаете высоту линии до 14, что приводит к огромным разрывам между линиями, поскольку для интервала между линиями установлено 14 раз размер шрифта.
Сколько места вы должны использовать для линейного интервала
Как упоминалось выше, мы рекомендуем использовать интервал между строками по умолчанию, если у вас нет особых причин для его изменения. Изменение межстрочного интервала может иметь разные эффекты:
- Текст, который очень плотно сложен, может быть трудно читать. Но малые пространственные пространства могут влиять на настроение текста. Если текст сглаживается вместе, это может привести к тому, что текст кажется более темным или плотным.
- Текст, который находится дальше друг от друга, также трудно читать. Но широкие пространственные пространства делают текст более плавным и текучим.
- Изменение межстрочного интервала может привести к тому, что текст, который в противном случае не поместился бы в пространстве, был бы более компактным или занимал бы больше места в ваших проектах.
