, окутывающего и заголовок, и абзац, а у них, соответственно, это свойство уберем, то получится:

Если мы поставим line-height = 0.4, получится экспонат отрицательного интерлиньяжа:

Зачем же вообще с расстоянием между строками что-то делают? Из-за вредности? От нечего делать?

Правильно подобранное расстояние между строками может повысить читабельность текста, а это очень важный аспект в веб-дизайне, в книгопечатании и во всем, что связано с текстом. Согласитесь, что когда мы во втором примере увеличили расстояние между строками, текст стало приятнее читать, не так ли? Но это совсем не значит, что чем больше интерлиньяж, тем выше удобочитаемость текста. После какого-то определенного момента строки начинают слишком далеко стоять друг от друга, глазу становится труднее переходить от одной к другой, и при чтении возникает дискомфорт. Помните о золотой середине.

Интерлиньяж

Множество людей, включая дизайнеров, думают, что типографика – это только выбор гарнитуры, размера шрифта и того, должен ли он быть нормальным или полужирным. Для большинства людей на этом все и заканчивается. Но для получения хорошей типографики нужно гораздо больше и как правило это детали, которые дизайнеры часто игнорируют.
Эти детали дают дизайнеру полный контроль, позволяет ему создавать прекрасные и последовательные с точки зрения типографики решения в дизайне. Хотя все это применимо для различных типов носителей, в этой статье мы сосредоточимся на том, как их применить к веб-дизайну с использованием CSS. Вот 8 простых путей с помощью CSS улучшить типографику и, следовательно, общее удобство дизайна.

1. Размеры

Размер наборной строки. Для глаза читателя, длинные или короткие строки утомительны. Длинные – разрушают ритм, так как читателю трудно найти следующую строку текста. Единственная ситуация, в которой приемлемы короткие строки – малое количество текста. Для наилучшей читабельности длина строки должна быть между 40 и 80 символами, включая пробелы. Для дизайна с одной колонки текста 65 символов – идеальны.

Простой способ вычислить длину строки – использовать метод Роберта Брингхарста (Robert Bringhurst’s), который умножает размер шрифта на 30. То есть, если размер шрифта 10px, умножая его на 30 получим 300px или, приблизительно, 65 символов в строке. Код будет выглядеть приблизительно как:
p {
font-size: 10px;
max-width: 300px;
}
Я использую px так как это значительно упрощает расчеты, но можно использовать и em.

2. Интерлиньяж

Интерлиньяж это пространство между строками текста в теле заметки и оно играет большую роль для читабельности. Правильное разделение строк, позволяет читателю проще следить за строкой и улучшает внешний вид текста. Интерлиньяж так же изменяет типографический цвет текста, который является плотностью или же тоном композиции.
На интерлиньяж влияет множество факторов: гарнитура, размер шрифта, его полнота, обстоятельства(?) , длина строки, расстояние между словами и т.д. Чем длиннее строка, тем больше интерлиньяж. Чем больше размер шрифта, тем меньше интерлиньяж. Хорошее правило – устанавливать интерлиньяж на 2-5pt больше, чем размер шрифта , в зависимости от гарнитуры. Так что если шрифт 12pt, то для веб интерлиньяж должен быть в 15pt или 16pt.

Определение верного интерлиньяжа требует определенной ловкости, но ниже приведен пример того, на что должен быть похож ваш код:
body {

font-size: 12px;
line-height: 16px;
}

3. Обработка кавычек

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

Это легко достигается с помощью CSS, используя элемент blockquote:
blockquote {
text-indent: -0.8em;
font-size: 12px;
}

Отрицательный отступ будет зависеть от гарнитуры, размера шрифта и полей.

4. Вертикальный ритм

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

Для того что бы поддерживать вертикальный ритм с помощью CSS, нужно, что бы расстояние между элементами и межстрочное расстояние (интерлиньяж) был равен размеру сетки базовых линий. Допустим, вы используете 15px сетку базовых линий , подразумевая, что между каждой линией сетки 15px. Интерлиньяж будет 15px и расстояние между параграфами тоже будет 15px. Вот пример:
body {
font-family: Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
}

P {
margin-bottom: 15px;
}

Это позволяет каждому параграфу располагаться на сетке, сохраняя вертикальный ритм текста.

5. Верхние и нижние висячие строки

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

К несчастью, нет простого способа предотвратить висячие строки с помощью CSS. Один из способов от них избавится был описан выше, еще один - jQWidon’t , плагин для jQuery, который размещает неразрывные пробелы между последними двумя словами элемента.

6. Выделение

Важно выделять слова не отвлекая читателя . Курсивное начертание часто рассматривается как идеальная форма выделения. Некоторые другие распространенные формы выделения: полужирное начертание, заглавные буквы, капитель, размер шрифта, цвет, подчеркивание или другая гарнитура. Не важно, какой вы воспользуетесь, постарайтесь использовать только одну. Такие комбинации как капитель – полужирное – курсивное начертание отвлекают и смотрятся неуклюже.

Вот несколько способов выделения с помощью CSS:
span {
font-style: italic;
}

H1 {
font-weight: bold;
}

H2 {
text-transform: uppercase;
}

B {
font-variant: small-caps;
}
Имейте в виду, что font-variant работает только в случае, если шрифт поддерживает капитель.

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

Понимание термина «межстрочный интервал» дает представление о том, как максимально уменьшить расстояние между строчками в без ущерба для читабельности текста.

В случаях, когда эта величина не задана в критериях по оформлению, на него не обращают внимания, хотя эта величина помогает сэкономить место при печати.

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

Значение интервала зависит от используемого шрифта, так как стандартная ширина строки по этому кеглю берется за 1. Соответственно, расстояние между строками будет примерно равно величине большинства букв.

Сам интервал считается от середины строки по вертикали, что необходимо учитывать при изменении интервала в меньшую сторону. Если взять слишком маленькое значение, то строчки будут наезжать друг на друга: верхняя часть большинства буков будет «съедаться» верхней строкой.

Также в понятие межстрочный интервал входит отступ между абзацами. Для того, чтобы выделить очередной абзац, межстрочный интервал между ними можно увеличить по сравнению с остальной массой текста. Сделать это можно для всех абзацев по умолчанию или только для отдельных абзацев в настройках.

Зачем уменьшать расстояние между строками

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

По умолчанию в Microsoft Word стоит значение 1 или 1,5, поэтому данное знание этого, поможет придерживаться критериев оформления, которые не всегда совпадают со стандартными настройками на вашем компьютере.

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

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

Для изменения расстояния между строками для версий Ворда 2007 и моложе, необходимо на главной закладке выбрать значок «Интервалов», который находит в подразделе «Абзац» и выглядит как две стрелки, направленный вверх и вниз.

Сделать интервал меньше 1 можно только в разделе «Другие варианты интервалов». При выборе этого поля выпадает следующее окно, где необходимо менять значения множителя.

В окне «Образец» можно будет сразу увидеть, как будет выглядеть текст после изменения. Значения множителя указываются любые. Их можно как прописывать вручную, так и выбирать с помощью стрелочек «вверх-вниз» возле клетки «Значение».

Но во втором случае нет возможности выбрать значения меньше 1. Обратите внимание, что выбрать необходимо именно «Множитель ». Данная категория подразумевает, что изначальная ширина расстояния между строк (к примеру, 11 пт) будет умножаться на указанное значение.

При умножении на значение меньше 1, общий параметр уменьшается, сокращая расстояние. Минимальное значение, которое можно внести в графу – 0,01. Стоит отметить, что уже при интервале в 0,2-0,3 текст невозможно разобрать.

Кроме строки «Множитель» можно использовать «Минимум». Хитрость этой графы в том, что вместо стандартного кегля, измеряемого в пт (пунктах), можно задать значение для интервала в сантиметрах и миллиметрах.

В таком случае расстояние между строками будет одинаковым даже при смене шрифта. Для того, чтобы изменить пункт на сантиметры или миллиметры, необходимо в строке значение удалить «пт» и через пробел после цифры написать сокращение см или мм.

Строки «Одинарный», «Двойной» и «Полуторный» зададут соответственно интервал 1, 2 и 1,5. Строка «Точно» укажет величину шрифта, которая и будет равна значению 1 для межстрочного интервала.

В этой строке также можно изменить эту величину, но только в пунктах. Можно вручную рассчитать это расстояние. 1 пункт приблизительно равен 0,35-0,37мм в зависимости от страны. В США использует не унифицированную система метрических измерений, поэтому пункты приравниваются к 1/72 дюйма.

Аналогичное меню можно открыть не только из командной строки, расположенной в шапке открытого текстового редкатора. Есть также более быстрый способ при использовании контекстного меню.

Для этого достаточно один раз нажать на правую кнопку мыши и выбрать из выпавшего окна раздел «Абзац», подтвердив свой выбор нажатием левой кнопки мыши, как и во всех остальных случаях с выбором определенного пункта выпавшего списка.

Как изменить интервал в более старых версиях Ворда

В версии Ворда 2003 интерфейс программы немного отличается, что может затруднить поиск необходимого раздела. Однако соответствующие значения все также находятся в подразделе «Абзац». Найти этот подраздел можно:

• Через контекстное меню, которое остается в примерно неизменном виде для всех версий, поэтому достаточно щелкнуть правой кнопкой мыши и выбрать «Абзац».
• Через шапку открытого текстового редактора, при выборе вкладки «Формат». Из нее автоматически выпадет список, среди наименований которого также будет «Абзац», необходимый для изменения расстояния между строками.

Начиная набирать текст в программе "Ворд", вы можете столкнуться с такой проблемой, когда пространство между строк довольно большое. Этот нюанс может сильно подпортить документ, сделав его неэстетичным. Часто такое можно наблюдать, скачав документ из интернета. В обоих случаях проблема заключается в некорректном форматировании. В этой статье мы поговорим про в "Ворде": как уменьшить или, наоборот, увеличить его. Расскажем все подробно и приведем три наиболее простых способа, так что каждый найдет что-то для себя.

Первый способ: для всех версий "Ворда"

Как говорилось выше, приведены будут три способа того, как сделать межстрочный интервал в "Ворде" меньше или больше. Они не очень отличаются между собой, но вот подходят не для всех версий программы. Поэтому первый приводимый способ будет универсальным, он будет подходить как для "Ворда" 2003-го, так и для версии 2016 года.

Сейчас мы будем задавать параметры величины межстрочного интервала по умолчанию. Делается это для того, чтобы, создав новый документ, вы каждый раз не изменяли эти значения.

Вам нужно создать новый документ в "Ворде". После этого на вкладке "Главная" вам необходимо отыскать в панели инструментов графу под названием "Стили" (она находится в самом правом углу). В этой графе необходимо нажать на значок со стрелочкой, который расположен также в нижнем правом углу. Как только вы это сделаете, покажется маленькая панелька с возможностью изменения стиля документа, но это нам не нужно. В этой панельке, в самом низу, есть три кнопки - нажмите самую правую.

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

Второй способ: только для новых версий "Ворда"

Продолжаем говорить про межстрочный Как уменьшить или увеличить его, мы уже разобрались, но это всего лишь единственный способ. Сейчас перейдем ко второму. Он предназначен лишь для программы 2007 года и выше. В "Ворде"-2003 работать он не будет.

Вам необходимо также открыть чистый документ "Ворда", только в этот раз обратите внимание не на графу "Стили", а на "Абзац". Нажмите такой же значок, как и в прошлый раз, - откроется окно с настройками. В нем вы увидите такую же графу - "Интервал", с такими же параметрами. Все, что вам нужно будет сделать, это указать межстрочный интервал в "Ворде" (как уменьшить его или увеличить, вы уже знаете).

После этого нажмите кнопку, располагающуюся в самом низу - "По умолчанию". В открывшемся окне выберете "Всех документов, основанных на шаблоне Normal". Нажмите "ОК" и приступайте к работе.

Третий способ: одним кликом

Теперь мы рассмотрим, как изменить межстрочный интервал в "Ворде" в один клик мыши. Этот метод работает лишь в том случае, если вам необходимо изменить значения в отдельном отрезке текста.

Итак, во вкладке "Главная", в разделе "Абзац", найдите кнопку, которая называется "Интервал". Нажав ее, вы увидите список всех доступных интервалов. Выберете понравившийся интервал, и он изменится в предварительно выделенной области текста. Также в списке вы можете нажать "Другие варианты межстрочного интервала" и откроется уже знакомое окно "Абзац".

Свойство line-height устанавливает интервал между строками текста (межстрочный интервал). Свойство не задает промежуток между строками текста как могло бы показаться, оно задает высоту линии текста . Это значит, что реальный промежуток между строками будет вычисляться так: line-height - font-size = расстояние между строками текста. Или наоборот line-height = font-size + расстояние между строками текста.

Свойство line-height иногда используется нестандартным образом для центрирования текста по высоте.

Синтаксис

Селектор { line-height: CSS единицы | проценты | множитель | normal | inherit; }

Значения

По умолчанию браузер выбирает межстрочный интервал автоматически (normal ).

Примеры

Пример

line-height - font-size = 35px - 13px = 21px:

P { font-size: 13px; line-height: 35px; }

Результат выполнения кода:

Пример

Уменьшим промежуток до 21px - 13px = 7px :

P { font-size: 13px; line-height: 21px; }

Результат выполнения кода:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a dapibus magna, ac interdum nisl. Suspendisse eget fringilla nibh, eu commodo arcu. Donec lacinia tempor velit sed tincidunt. Aliquam porttitor nulla purus, vel vulputate ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehicula, ante purus lacinia dui, interdum fringilla massa eros ut dui.

Пример

В данном примере расстояние между строками текста будет line-height - font-size = 13px - 13px = 0px - строки практически слипнуться (хвостики букв верхней строки будут касаться хвостиков букв нижней):

P { font-size: 13px; line-height: 13px; }

Результат выполнения кода:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a dapibus magna, ac interdum nisl. Suspendisse eget fringilla nibh, eu commodo arcu. Donec lacinia tempor velit sed tincidunt. Aliquam porttitor nulla purus, vel vulputate ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehicula, ante purus lacinia dui, interdum fringilla massa eros ut dui.

Пример

В данном примере значение line-height - множитель 1.5 от размера шрифта. Следовательно line-height будет эквивалентен font-size * 1.5 = 13px * 1.5 = 20px . А реальный промежуток между строками будет line-height - font-size = 20px - 13px = 7px :

P { font-size: 13px; line-height: 1.5; }

Результат выполнения кода:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a dapibus magna, ac interdum nisl. Suspendisse eget fringilla nibh, eu commodo arcu. Donec lacinia tempor velit sed tincidunt. Aliquam porttitor nulla purus, vel vulputate ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehicula, ante purus lacinia dui, interdum fringilla massa eros ut dui.

Пример

Увеличим множитель:

P { font-size: 13px; line-height: 2.5; }

Результат выполнения кода:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a dapibus magna, ac interdum nisl. Suspendisse eget fringilla nibh, eu commodo arcu. Donec lacinia tempor velit sed tincidunt. Aliquam porttitor nulla purus, vel vulputate ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehicula, ante purus lacinia dui, interdum fringilla massa eros ut dui.

Пример

Если сделать line-height меньше font-size , то строки вообще налезут друг на друга:

P { font-size: 13px; line-height: 9px; }

Результат выполнения кода.

Междустрочный интервал в программе Microsoft Word определяет расстояние между строками текста в документе. Интервал также есть или может быть и между абзацами, в этом случае он определяет размер пустого пространства до и после него.

В Ворде по умолчанию установлен определенный междустрочный интервал, размер которого в разных версиях программы может отличаться. Так, к примеру, в Microsoft Word 2003 это значение составляет составляет 1,0, а в более новых версиях уже 1,15. Сам же значок интервала можно найти во вкладке “Главная” в группе “Абзац” — там просто указаны числовые данные, но галочка не установлена ни возле одного из них. О том, как увеличить или уменьшить в Ворде расстояние между строками и пойдет речь ниже.

Почему мы начинаем именно с того, как изменить интервал именно в существующем документе? Дело в том, что в пустом документе, в котором еще не написано ни одной строки текста, вы можете просто установить желаемые или необходимые параметры и начать работу — интервал будет проставляется именно таким, каким вы его установили в настройках программы.

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

1. Выделите весь текст или необходимый фрагмент (используйте для этого комбинацию клавиш “Ctrl+A” или кнопку “Выделить” , расположенную в группе “Редактирование” (вкладка “Главная” ).

2. Нажмите на кнопку “Интервал” , которая находится в группе “Абзац” , вкладка “Главная” .

3. В развернувшемся меню выберите подходящий вариант.

4. Если ни один из предложенных вариантов вам не подходит, выберите пункт .

5. В появившемся окне (вкладка “Отступы и интервалы” ) задайте необходимые параметры. В окне “Образец” вы можете видеть то, как меняется отображение текста в документе согласно внесенным вами значениям.

6. Нажмите кнопку “ОК” , чтобы применить изменения к тексту или его фрагменту.

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

Как изменить интервал до и после абзацев в тексте?

Иногда в документе необходимо проставить конкретные отступы не только между строками в абзацах, но и между самими абзацами, до или после них, сделав разделение более наглядным. Здесь нужно действовать точно таким же образом.

1. Выделите весь текст или необходимый фрагмент.

2. Нажмите на кнопку “Интервал” , расположенную во вкладке “Главная” .

3. Выберите один из двух представленных вариантов в нижней части развернувшегося меню “Добавить интервал перед абзацем” либо же “Добавить интервал после абзаца” . Также можно выбрать оба варианта, установив оба отступа.

4. Более точные настройки интервалов до и/или после абзацев можно выполнить в окне “Другие варианты междустрочных интервалов” , расположенном в меню кнопки “Интервал” . Там же можно убрать отступ между абзацами одного стиля, что явно может быть необходимым в некоторых документах.

5. Внесенные вами изменения мгновенно отобразятся в документе.

Как изменить междустрочные интервалы с помощью экспресс-стилей?

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

Вряд ли кто-то захочет вручную устанавливать интервалы для каждого отдельного заголовка, подзаголовка и абзаца особенно, если в тексте их довольно много. В данном случае помогут “Экспресс-стили”, доступные в Ворде. О том, как с их помощью изменить интервалы, и пойдет речь ниже.

1. Выделите весь текст в документе или фрагмент, интервалы в котором вы хотите изменить.

2. Во вкладке “Главная” в группе “Стили” раскройте диалоговое окно, нажав на небольшую кнопочку в правом нижнем углу группы.

3. В появившемся окне выберите подходящий стиль (также стили можно изменять непосредственно в группе, путем наведением на них курсора, используя клик для подтверждения выбора). Нажав на стиль в этом коне, вы увидите, как изменяется текст.

4. Выбрав подходящий стиль, закройте диалоговое окно.

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

Совет: Чтобы сделать текст более привлекательным визуально, да и просто наглядным, используйте разные стили для заголовков и подзаголовков, а также для основного текста. Также, вы можете создать собственный стиль, а затем сохранить и использовать его в качестве шаблона. Для этого необходимо в группе “Стили” открыть пункт “Создать стиль” и в появившемся окне выбрать команду “Изменить” .

На этом все, теперь вы знаете, как сделать одинарный, полуторный, двойной или любой другой интервал в Ворде 2007 — 2016, а также в более старых версиях этой программы. Теперь ваши текстовые документы будут выглядеть более наглядно и привлекательно.