Промежуток между строк в html какой код. Межстрочный интервал в "Ворде": как уменьшить или увеличить его

Междустрочный интервал в программе 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, а также в более старых версиях этой программы. Теперь ваши текстовые документы будут выглядеть более наглядно и привлекательно.

Довольно часто у начинающих верстальщиков возникают проблемы при освоении каскадных таблиц стилей (CSS). Не исключением является работа с межстрочными интервалами в CSS. Межстрочный интервал - это расстояние между строчками по вертикали. Как и в обычном документе Microsoft Word, в тексте html-файла тоже можно изменять этот параметр.

Использование line-height при изменении интервала

Первым и самым правильным вариантом решения проблемы с интервалами будет задание значения свойству line-height. По умолчанию значение этого свойства равняется normal (line-height: normal;). Межстрочный интервал вычисляется автоматически самим интернет-браузером и зависит, в частности, от вида шрифта, а также его размера. Любое положительное цифровое значение, которое будет задано в стилевом свойстве line-height, браузер будет воспринимать как число, на которое необходимо умножить размер текущего шрифта.

В CSS межстрочный интервал может задаваться в разных единицах длины: пункты (pt), дюймы (in), пиксели (px) и проценты (%). Процент рассчитывается относительно текущего шрифта, и по умолчанию его значение равняется 100 %. Не стоит забывать, что свойство line-height заимствует значение свойства inherit у своего родительского элемента.

Приведем несколько примеров, как увеличить межстрочный интервал в CSS:

Процесс работы с межстрочными интервалами достаточно прост. У вас должны быть начальные знания CSS и умение подключать файл к главной странице html. Стили также можно задавать прямо на html-странице:

Чтобы в данном предложении сделать полуторный интервал, необходимо в файле CSS добавить такой код:

line-height: 1.5;

Для того, чтобы сделать двойной интервал, можно прописать такой код:

line-height: 200%;

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

Теперь приведем пример, как уменьшить межстрочный интервал (CSS):

Важно помнить, что отрицательное значение line-height просто не воспринимается, поэтому минимальным его значением может быть 0. Для того чтобы получить половинный интервал, необходимо прописать такой код:

line-height: 0.5;

line-height: 50%;

line-height: 0.5pt;

Все 3 варианта корректны и соответствуют всем стандартам W3C, соответственно, будут работать в любой версии браузера.

Использование padding при изменении интервала

Однако помимо изменения свойства line-height, существует еще один способ изменить в CSS межстрочный интервал, это будет "игра" со значениями свойства padding. Стилевое свойство padding отвечает за внутренние отступы в любом html-объекте. По умолчанию данное свойство равняется 0. Подбирая различные значения, можно изменить межстрочный интервал, например:

Работать с межстрочными интервалами очень просто. Достаточно знать основы CSS и уметь подключать файл к основной странице html. Также его можно задать непосредственно на странице с расширением html.

Для увеличения межстрочного интервала увеличиваем значение свойства:

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

Отрицательное значение межстрочного интервала

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

Изменение межстрочного интервала в списках

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

Пункт 1

Пункт 2

Пункт 3

Для увеличения отступов нужно в CSS-файле прописать следующие строки:

margin-top: 10px;

Таким образом мы указали, что расстояние от каждого пункта списка увеличивается на 10 пикселей. Причем в данном случае возможно и отрицательное значение. Таким образом, мы можем задать: - margin-top: -15px.

Чтобы изменить расстояние между строками в HTML , вам не нужно забивать шпоны. Вам нужно всего лишь к объекту, в котором вы хотите это расстояние отрегулировать, например, к абзацу текста (тег ) или к блочному элементу (

line-height

HTML

Значение у line-height можно задавать в процентах, множителем, единицами измерения (пиксели (px), пункты (pt), пайки (pc) и т.д.), а также оно может принимать значение normal и inherit.

При normal расстояние между строками вычисляется браузером автоматически по своим соображениям, при inherit - наследуется значение родительского элемента, т.е. тега, в который данный тег вложен.

Черкнем несколько строк на HTML.

Вот так выглядит в браузере расстояние между строками в абзаце со значением 1 (т.е. одинарный интерлиньяж) и 70% у заголовка (заметьте что при расчете в % за 100% берется высота шрифта):

Если мы зададим line-height для тега

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

Если мы поставим 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 работает только в случае, если шрифт поддерживает капитель.

Установите междустрочный интервал перед началом работы. Если вы хотите создать документ с одним стандартным междустрочным интервалом, установите его прежде, чем начать (чтобы потом сэкономить время). Для изменения междустрочного интервала перейдите на вкладку Главная или Разметка страницы.

Изменение интервала на вкладке Главная. На вкладке Главная найдите раздел Абзац. Здесь нажмите значок «Междустрочный интервал», чтобы открыть меню междустрочного интервала. Значок имеет 4 маленькие линии со стрелкой, указывающей вверх и вниз. Из этого меню можно выбрать общие параметры междустрочного интервала.

Если вы не видите значок «Междустрочный интервал», то, скорее всего, он отсутствует, потому что окно недостаточно большое. Вы можете изменить интервал, нажав значок со стрелкой справа от слова Абзац. Это откроет меню Абзац.
В меню Абзац вы можете настроить междустрочный интервал с помощью раскрывающегося меню «междустрочный:» в разделе Интервал.

Изменение интервала на вкладке Разметка страницы. На вкладке Разметка страницы нажмите на значок со стрелкой справа от слова Абзац. Это откроет меню Абзац. В меню Абзац вы можете настроить междустрочный интервал с помощью раскрывающегося меню «междустрочный:» в разделе Интервал.

Изменение интервала между абзацами. Кроме изменения интервала между строками, вы можете изменить интервал до и после каждого абзаца. На вкладке Разметка страницы ищите Интервал в разделе Абзац.

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

Варианты междустрочного интервала. По умолчанию междустрочный интервал установлен на 1,15. Если вы хотите задать одинарный интервал, вам нужно выбрать 1 в выпадающем меню значка «Междустрочный интервал» или «Одинарный» в Абзац-Интервал-междустрочный.

«Точно» позволит Вам установить точное расстояние между строками, измеренное в пунктах (в дюйме 72 пункта).
«Множитель» позволит вам установить больший интервал, например, тройной интервал.

Измените интервал по умолчанию. Если вы хотите изменить интервал, заданный по умолчанию (1,15), задайте нужные вам значения и нажмите кнопку По умолчанию.... Word попросит вас подтвердить изменения значений по умолчанию.

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

Вы можете изменить интервал всего документа, выбрав весь текст. Чтобы быстро выбрать весь текст, нажмите Ctrl+A (PC) или Command+A (Mac). Это не повлияет на верхние и нижние колонтитулы или текстовые поля. Для изменения интервала в них, вам нужно будет выбрать эти разделы отдельно.

Уменьшение расстояние между строк в текстовом редакторе Ворд требуется практически каждому второму пользователю. Для чего это нужно? В первую очередь, чтобы уменьшить объем написанного текста, сделать его более аккуратным и привлекательным на вид. В нашей статье мы расскажем, как уменьшить расстояние между строками в Ворде, применяя несколько простых и доступных способов. Здесь же вы найдете способ, как изменить интервал между строк в Ворде, используемом на компьютерах Mac.

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

Как уменьшить расстояние между строками в Ворде 2007 года?

Первый способ – очень прост. Чтобы изменить междустрочный интервал для начала требуется выделить нужный абзац, либо весь текст при помощи выделения мышкой или нажатия комбинации клавиш Ctrl+A. Когда весь текст будет выделен – находим на панели инструментов значок «Междустрочный интервал», выглядит он следующим образом:

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

Как уменьшить расстояние между строками в Word: способ № 2?

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

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

Уменьшаем интервал между строк в Word 2003

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

Мы также выделяем нужный абзац или весь текст (опять же используя прокрутку или комбинацию двух клавиш), а затем находим раздел «Абзац», но уже в разделе «Формат», который расположен на панели инструментов. Здесь пользователь также сможет самостоятельно задать размер междустрочного интервала. После – необходимо нажать кнопку ОК.

Способ для Mac

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

Первый способ актуален для тех, кто предпочитает в работе программу Ворд 2011 года. Итак, как изменить расстояние между строк? Выделяем абзац, который нужно изменить. Далее на панели инструментов, на вкладке «Главная» находим значок «Междустрочного интервала» и задаем нужный нам размер. Кстати, если вы захотите поменять интервал между абзацами, то их необходимо выделить, а затем во вкладке «Главная»- «Абзац» выбрать пункт «Другие варианты междустрочных интервалов». Все, что нужно это выбрать нужный размер интервала между абзацами в графах «Перед» и «После».

Если же вы предпочитаете работать в более новой версии текстового редактора, например 2016 года. То второй способ изменение междустрочного интервала – подойдет для вас. Первое что нужно сделать – это зайти во вкладку «Дизайн». Затем пользователь должен выбрать пункт под названием «Интервал между абзацами». Программа предложит на выбор несколько вариантов: «сжатый», «узкий», «открытый», «свободный» и т.д.

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

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

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