CSS межстрочный интервал

Использование CSS-свойства Line-Height для получения CSS межстрочного интервала

Узнайте, как использовать свойство line-height для стиля CSS, чтобы влиять на межстрочный интервал на веб-страницах.

Значения межстрочного интервала CSS

Межстрочный интервал CSS зависит от свойства line-height стиля CSS. Это свойство принимает до 5 различных значений:

  • Нормальный: браузер определяет значение для межстрочного интервала, связанное с размером шрифта. Обычно это такой же размер шрифта или немного больше (например, 20%).
  • Inherit: межстрочный интервал должен быть взят из межстрочного интервала родительского элемента. Поэтому, если вы установите высоту строки тега body на 30% больше, чем размер шрифта, а теги абзаца внутри, которые установлены для наследования, будут также иметь высоту строки на 30% больше, чем размер шрифта.
  • Число . Если значение высоты строки не имеет единицы измерения, оно считается множителем размера шрифта для высоты строки. Таким образом, высота строки в 1,25 будет на 25% больше, чем размер шрифта.
  • A Length: Если значение высоты строки имеет единицу измерения, то это точное количество пространства, которое должно быть между строками. Таким образом, 1,25 мм приведет к разнице в 1,25 мм.
  • Процент: Если высота строки указана в процентах, это будет процент от размера шрифта. Таким образом, высота строки в 125% будет на 25% больше, чем размер шрифта.

Какое значение следует использовать для межстрочного интервала CSS

В большинстве случаев лучший выбор для межстрочного интервала – оставить его по умолчанию или «обычный». Это, как правило, наиболее читаемый и не требует от вас ничего особенного. Но изменение межстрочного интервала может придать вашему тексту новый вид.

Если ваш размер шрифта определен как ems или проценты, ваша высота строки также должна быть определена таким образом. Это наиболее гибкая форма межстрочного интервала, поскольку она позволяет читателю изменять размер своих шрифтов и сохраняет то же соотношение на межстрочном интервале.

Установите высоту линии для таблиц стилей печати с помощью значения точки (pt). Точка является мерой печати, поэтому размеры шрифта также должны быть в точках.

Нам не нравится использовать выбор номера, потому что мы обнаружили, что это больше всего сбивает с толку людей. Многие люди думают, что это абсолютный размер, и поэтому делают его огромным. Например, у вас может быть установлен шрифт 14px, а затем вы устанавливаете высоту строки в 14, что приводит к огромным промежуткам между строками, поскольку междустрочный интервал установлен в 14 раз размер шрифта.

Сколько места вы должны использовать для межстрочного интервала

Как упоминалось выше, мы рекомендуем использовать межстрочный интервал по умолчанию, если у вас нет особых причин его менять. Изменение межстрочного интервала может иметь разные эффекты:

  • Текст, который очень тесно связан, может быть трудным для чтения. Но небольшие пробелы могут повлиять на настроение текста. Если текст сжат, это может сделать текст более темным или более плотным.
  • Текст, который находится дальше друг от друга, также может быть трудным для чтения. Но широкие пробелы делают текст более плавным и плавным.
  • Изменение межстрочного интервала может сделать текст, который иначе не поместился бы в пространстве, более компактным или занимать больше места в ваших проектах.
Оцените статью
Solutics.ru
Добавить комментарий