Содержание

Как изменить расстояние между абзацами текста?

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
4.0+1.0+4.0+1.0+1.0+1.0+1.0+

Задача

Изменить расстояние между абзацами текста создаваемых с помощью тега <p>.

Решение

При использовании тега <p> автоматически добавляются отступы сверху и снизу от текстового абзаца. Это сделано для того, чтобы визуально отделить один блок текста от следующего. Понятно, что значения отступов, которые заданы по умолчанию, устраивают не всегда, поэтому иногда их приходится уменьшать или увеличивать. Для этого можно использовать универсальное свойство margin, оно определяет отступы со всех сторон абзаца или margin-top для отступа сверху и margin-bottom для отступа снизу (пример 1).

Пример 1. Изменение значения отступов у абзаца

HTML5CSS 2.1IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Отступы в тексте</title>
  <style>
   p {
    margin-top: 0.5em; /* Отступ сверху */
    margin-bottom: 1em; /* Отступ снизу */
   }
  </style>
 </head>
 <body>
  <p>Солнце яркое светило, <br>
  Ветер выдался попутный - <br>
  Путешественникам выпал <br>
  Путь приятный и нетрудный. <br>
  Вдруг вдали корабль пиратов <br>
  Показался с длинным флагом; <br>
  Был таран на нем поставлен, <br>
  Приготовленный к атакам.</p>  
  <p>Завывая громко в трубы, <br>
  Шли грабители навстречу, <br>
  Грозным голосом кричали, <br>
  Вызывая всех на сечу. <br>
  Корабельщики в испуге <br>
  Побелели, точно мел. <br>
  Только витязь был спокоен, <br>
  Только он не оробел.</p>
 </body>
</html>

Результат примера показан ни рис. 1.

Рис. 1. Расстояние между абзацами текста

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

Как изменить расстояние между строками в html

Как изменить расстояние между строками текста?

Для управления межстрочным расстоянием (оно еще называется интерлиньяжем) применяется стилевое свойство line-height . В качестве значения обычно указывается число, которое определяет межстрочный интервал. Например, line-height : 2 устанавливает двойной интервал, а line-height : 1.5 &#8212; полуторный (пример 1).

Пример 1. Интерлиньяж в тексте

HTML5 CSS 2.1 IE Cr Op Sa Fx

Результат данного примера показан на рис. 1.

Рис. 1. Вид текста при разном межстрочном расстоянии

Значение line-height допустимо задавать и в других единицах CSS, например, пикселах (px), процентах (%) и др. В данном примере для первого абзаца установлен полуторный интерлиньяж, а для второго &#8212; межстрочное расстояние равно 0.9em .

Межстрочный интервал line-height | CSS

padding — это отступ от height до границы элемента.

  1. height: 0;
  2. если присутствует текст, то сумма line-height всех строк [см. пример выше с расчётами]
  3. если есть дочерние элементы, то сумма их height , border , padding и margin

Расстояние между строк HTML

Междустрочный интервал можно узнать, если из line-height вычесть font-size . Причём значение межстрочного расстояния делится на два. Одна половина увеличивает отступ от буквы до верхнего края, другая &#8212; до нижнего. То есть получается, что текст располагается ровно по середине блока.

line-height наследуется от предка к потомку

Значение, заданное потомку, будет главнее того, что задано родителю.

Изменить line-height Зелёного потомка:
Изменить line-height Синего потомка:

Значение <number> единственное, которое отталкивается от значения font-size элемента, а не от его родителя.

значение line-height в

line-height и HTML тег span

Элемент с display: inline; не может иметь height . Поэтому, ежели line-height родителя меньше line-height дочернего элемента, строчный потомок увеличивает высоту строки предка, на которой он находится. Между line-height нескольких строчных элементов, находящихся на одной строке, также выбирается то, что больше.

Изменить line-height родителя:
Изменить line-height строчного потомка:

Иными словами, если font-size строчного элемента отличается от font-size блочного, то первый может увеличить высоту строки родителя, на которой он находится.

Как изменить расстояние между строками в HTML?

Чтобы изменить расстояние между строками в HTML, вам не нужно забивать шпоны. Вам нужно всего лишь к объекту, в котором вы хотите это расстояние отрегулировать, например, к абзацу текста (тег <p></p>) или к блочному элементу (<div></div>), применить CSS-свойство line-height.

Как сделать чтобы между строками не было расстояния?

Изменение междустрочного интервала для части документа

  1. Выделите абзацы, которые нужно изменить.
  2. На вкладке Главная нажмите кнопку Интервал и выберите нужный интервал.

Как изменить расстояние между абзацами в HTML?

Интервалы между абзацами в HTML можно задать с помощью стилей padding-top или padding-bottom. Для этого также допустимы значения в пикселях, процентах и т.

Как сделать расстояние между строками меньше в HTML?

Для управления межстрочным расстоянием (оно еще называется интерлиньяжем) применяется стилевое свойство line-height. В качестве значения обычно указывается число, которое определяет межстрочный интервал. Например, line-height: 2 устанавливает двойной интервал, а line-height: 1.5 — полуторный (пример 1).

Как установить двойной интервал между строками текста?

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

Как задать межстрочный интервал в CSS?

Задать межсимвольный интервал можно с помощью свойства CSS letter-spacing. Помимо обычных значений (положительных и отрицательных) также можно использовать значения inherit (чтобы наследовать значение у родителя) и normal (если необходимо вернуть нормальное расстояние между символами).

Как сделать отступ между строками?

Изменение междустрочных интервалов для части документа

  1. Выделите абзацы, которые нужно изменить.
  2. На домашней >между строками и абзацем.
  3. Выберите нужное количество междустрок или выберите &#171;Другие варианты междустрок&#187;, а затем за выберите нужные параметры в области &#171;Интервал&#187;.

Как убрать пробелы между абзацами?

Решение: Главная &#8212; нажать CTRL+A &#8212; знак интервала с выпадающим меню &#8212; «удалить интервал после абзаца» либо «удалить интервал перед абзацем», и здесь же ставите необходимый Вам интервал, например, 1,15.

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

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

  1. Перейдите на вкладку «Главная». Внизу строки расположена вкладка «Абзац», а чуть ниже нее — небольшой квадратик со стрелкой. &#8230;
  2. Откроется диалоговое окно, в котором нужно выбрать необходимый параметр. Множитель 1,5 соответствует размеру полуторного интервала.

Как изменить интервал между абзацами?

Изменение расстояния между абзацами

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

Как разделить текст на абзацы в HTML?

Синтаксис создания абзацев следующий. Каждый абзац начинается с тега <p> и заканчивается необязательным закрывающим тегом </p>. В любой книге для выделения следующего абзаца используется отступ первой строки, еще называемый «красная строка».

Как изменить расстояние между буквами в CSS?

Чтобы изменить межбуквенный интервал в CSS мы можем использовать свойство letter-spacing. По умолчанию браузеры устанавливают межбуквенный интервал, основываясь на типе выбранного шрифта и его параметров. С помощью данного свойства мы можем задать расстояние между буквами для текста css в конкретном элементе.

Как задать отступы в CSS?

Существует возможность задать отступ для каждой стороны отдельно. Для этого используйте свойства: padding-left &#8212; отступ слева padding-right &#8212; отступ справа

Как сделать горизонтальную линию в CSS?

Горизонтальная линия делается с помощью свойства border-bottom, которое применяется обычно к элементу <div>. Это свойство добавляет линию снизу заданной толщины и стиля (пример 1). Чтобы не «портить» все <div>, используем класс line, и уже для класса указываем свойство border-bottom.

Как работать с line height?

Значение, заданное множителем, наследуется и применяется в каждом элементе относительно его размера шрифта. То есть, line-height: 2 означает, что высота строки будет равна удвоенному размеру шрифта, не важно какой шрифт. Значение, заданное в единицах измерения, запоминается и наследуется «как есть».

Расстояние между строками в Ворде

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

 

Пример небольшого интервала:

А вот — увеличенный:

Как выбрать

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

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

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

Укажите нужное значение и нажмите на кнопку «ОК» внизу окошка. Теперь предложения будут печататься с выбранным промежутком.

Наиболее удобно читать текст с полуторным интервалом. Правда, за счет расширения строк он будет занимать больше места на странице.

 

Как изменить

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

Чтобы это сделать, наведите курсор (стрелку или палочку) в самое начало или в самый конец. Затем нажмите левую кнопку мыши и, не отпуская ее, тяните в другой конец. Предложения закрасятся каким-то цветом (обычно серым или синим).

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

Откроется окошко, где можно изменить значение.

Кстати, обратите внимание на пункт «Перед» и «После» внизу окошка. Зачастую в одном из этих полей указано какое-то значение (обычно 10). Если хотите, чтобы интервал соответствовал тому, который вы выбрали, напечатайте 0.

Автор: Илья Кривошеев

Расстояние между списками css. Форматирование HTML-абзаца

Для блочных элементов определяет минимальную высоту строки текста. Для внедряемых строчных элементов (вроде ) свойство line-height не оказывает никакого эффекта. Для остальных строчных элементов line-height задаёт высоту, которая используется для расчёта высоты строки блока.

Краткая информация

Обозначения

Описание Пример
Указывает тип значения.
A && B Значения должны выводиться в указанном порядке. &&
A | B Указывает, что надо выбрать только одно значение из предложенных (A или B). normal | small-caps
A || B Каждое значение может использоваться самостоятельно или совместно с другими в произвольном порядке. width || count
Группирует значения. [ crop || cross ]
* Повторять ноль или больше раз. [,]*
+ Повторять один или больше раз. +
? Указанный тип, слово или группа не является обязательным. inset?
{A, B} Повторять не менее A, но не более B раз. {1,4}
# Повторять один или больше раз через запятую. #
×

Значения

Любое число больше нуля воспринимается как множитель от размера шрифта текущего текста. Например, значение 1.5 устанавливает полуторный межстрочный интервал. В качестве значений принимаются также любые единицы длины, принятые в CSS — пиксели (px), дюймы (in), пункты (pt) и др. Разрешается использовать процентную запись, в этом случае за 100% берётся высота шрифта.

Normal Расстояние между строк вычисляется автоматически.

Песочница

Винни-Пух был всегда не прочь немного подкрепиться, в особенности часов в одиннадцать утра, потому что в это время завтрак уже давно окончился, а обед ещё и не думал начинаться. И, конечно, он страшно обрадовался, увидев, что Кролик достаёт чашки и тарелки.

div { line-height: 0.5 ; }

Пример

line-height

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

Результат данного примера показан на рис. 1.

Рис. 1. Применение свойства line-height

Объектная модель

Объект .style.lineHeight

Примечание

Internet Explorer до версии 7.0 неправильно вычисляет высоту строк для изображений и элементов форм.

Спецификация

Каждая спецификация проходит несколько стадий одобрения.

  • Recommendation (Рекомендация ) — спецификация одобрена W3C и рекомендована как стандарт.
  • Candidate Recommendation (Возможная рекомендация ) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
  • Proposed Recommendation (Предлагаемая рекомендация ) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
  • Working Draft (Рабочий проект ) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
  • Editor»s draft (Редакторский черновик ) — черновая версия стандарта после внесения правок редакторами проекта.
  • Draft (Черновик спецификации ) — первая черновая версия стандарта.
×

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

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

Высота строк

В CSS расстояние между строками можно продемонстрировать следующим рисунком.

На изображении выше указаны параметры с соответствующими расстояниями. Текст располагается в пространстве font-size. Обратите внимание, что линия текста начинается не на основании, а немного выше. Пространство ниже предусмотрено для букв, у которых есть элементы снизу (g, у и так далее).

Обратите внимание, что пространство между блоками font-size называется leading. В HTML и CSS это свойство никак не фигурирует, но оно есть в других графических и текстовых редакторах. Например, в Adobe Photoshop.

На рисунке выше указано, где в «Фотошопе» можно указать leading. А рядом указывается параметр font-size.

Примеры использования line-height

В CSS расстояние между строками можно задать процентами. Наглядный пример приведен ниже.

В случае маленького значения пользователю вашего сайта читать будет неудобно.

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

Тонкости оформления

В CSS расстояние между строками можно дополнительно настраивать различными отступами. Рассмотрим пример на рисунке.

В поле «Элемент» в нашем случае будет текст. Padding — это отступ внутри объекта, а margin — отступ за объектом. Border — это рамка. Она может быть 0 пикселей, а может быть и 100.

На следующем изображении показаны сразу все отступы, рамка и высота линии текста.

Если у вас текст небольшой, всего в одну строку, или каждая строка в отдельном абзаце, то расстояние можно настраивать отступами между этими абзацами. То есть maring и padding между строчками в одном элементе не оказывают никакого влияния. Они создают отступы только по краям объекта. Объект — это весь абзац, а не строчки в нем. Здесь важно не запутаться.

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

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

Расстояние между строками HTML можно прописывать к какому-нибудь классу или для всех абзацев в тексте. Если вы укажете вот так: p { line-height:20px; }, — то абсолютно все абзацы на странице будут со строками размером 20 пикселей. Если нужно в разных местах различные размеры, то рекомендуется делать следующим образом.

Прописываем стили.

Class1 { line-height:20px; }

Class2 { line-height:16px; }

Class3 { line-height:12px; }

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

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

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

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

У поисковика «Гугл» есть специальный инструмент, который помогает в этом анализе. Он очень удобен для веб-мастеров.

Вот пример результатов, которые могут быть.

Довольно часто у начинающих верстальщиков возникают проблемы при освоении каскадных таблиц стилей (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, вы никогда не сможете прописать отрицательные значения в значениях межстрочного интервала.

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

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

    . Предыдущие методы не приведут к нужному результату, однако есть одно свойство, которое может изменить интервал в списке — это свойство — margin. Данное стилевое свойство может быть как с положительным, так и отрицательным значением. Покажем изменение межстрочного интервала в списке на примере:
  1. Пункт 1
  2. Пункт 2
  3. Пункт 3
  4. Для увеличения отступов нужно в CSS-файле прописать следующие строки:

    margin-top: 10px;

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

    Свойство HTML margin используется для добавления отступа или разрыва между различными элементами. Свойство padding используется для добавления пространства между содержимым и границей (рамкой ) указанного HTML-элемента .

    Разницу между полем и отступом можно увидеть на следующем рисунке:

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

    Посмотреть демо-версию и код

    У нас есть три элемента div . Первые два — со свойством HTML margin , а третий — со свойством padding . Расстояние между элементами div — это margin , а пространство между текстом внутри третьего элемента div и линией его границы — это padding .

    Синтаксис CSS padding и margin

    Синтаксис, который используется для единичного объявления свойства CSS margin :

    Этот код задает отступы во всех направлениях: сверху, снизу, слева и справа. Если необходимо задать отступы для разных направлений, это можно сделать с помощью следующего сокращенного объявления:

    margin: 10px 20px 50px 100px;

  • 10px — отступ сверху;
  • 20px — отступ справа;
  • 30px — отступ снизу;
  • 40px — отступ слева.

Также можно установить margin left HTML и другие направления отдельно:

Примечание: Можно использовать для определения отступа px , pts , cm и т.д.

Синтаксис свойства CSS padding

Свойство padding можно задать с помощью единичного / сокращенного объявления или используя отдельное объявление, а для каждого направления.

Единичное объявление с одним значением:

Для каждого направления одиночным объявлением:

padding: 10px 20px 50px 100px;

Если указаны четыре значения, то порядок их следования такой же, как и для свойства HTML CSS margin .

Для каждого направления в отдельности:

padding-top: 10px; padding-right: 20px; padding-bottom: 30px; padding-left: 40px;

Пример для установки полей и отступов в HTML-списке

Во вступительной части я показал свойства margin и padding , используемые в элементе div . В этой демо-версии я создал список с помощью пунктов меню, которые являются ссылками. Список размещается внутри элемента div . Он содержит пункты меню в виде гиперссылок.

Список задается и другими свойствами CSS , но без использования свойств HTML margin и padding он будет выглядеть так:

Посмотреть демо-версию и код

Добавив поля 10px для ссылок внутри

    :

    мы получим следующий вид:

    Посмотреть онлайн демо-версию и код

    Весь класс для ссылок внутри элемента

      будет следующим:

      padding: 10px; margin: 2px; text-decoration: none; color: #fff; background-color: #DA8119; display:block;

      Демонстрация полей на примере HTML-таблицы

      Ниже приводится пример использования свойства padding в HTML-таблице . Я создал таблицу с несколькими строками.

      Для таблицы заданы стили с помощью различных свойств CSS . Сначала посмотрите, как выглядит таблица без применения свойства padding :


      Посмотреть демо-версию и код

      Добавив поля, мы получим таблицу, которая будет выглядеть следующим образом:


      Посмотреть демо-версию и код

      Ниже приводится код стилей, которые используются для . Весь код можно увидеть, перейдя по ссылке выше:

      padding: 20px; border: dashed 1px #DF7000; background: #D0E8AC; color: #000;

      Пример использования полей и отступов с элементом form

      Свойства margin padding HTML также можно применять для элементов формы: текстовых полей, кнопок и т.д.

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

      Чтобы стало понятнее, я создам форму и покажу разницу между полями с использованием свойств margin и padding и без. Первоначальный внешний вид формы без применения свойств margin и padding :

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

      Поля для текстовых полей:

      Поля для кнопки:

      padding: 9px 15px;

      Посмотреть демо-версию и код

      Чтобы увеличить или уменьшить отступы между текстовыми полями, используйте свойство HTML CSS margin . В данной демо-версии я использовал отрицательное значение для уменьшения расстояния между полями.

      Поля формы будут выглядеть следующим образом:

      Посмотреть демо-версию и код

      После использования отрицательного значения в HTML margin расстояние между текстовыми полями уменьшилось на 3 пикселя.

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

      Для кнопки “Save ” мы также применили свойство padding :

      padding: 9px 15px;

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

      Перевод статьи «CSS padding and margin – Explained with 4 HTML elements » был подготовлен дружной командой проекта

      Свойство 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; }

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

      Facebook

      Twitter

      Вконтакте

      Одноклассники

      Google+

Как уменьшить расстояние между строками в фотошопе. Межстрочный и межсимвольный интервал в Microsoft Word. Панель управления группы инструментов Текст

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

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

Высота строк

В CSS расстояние между строками можно продемонстрировать следующим рисунком.

На изображении выше указаны параметры с соответствующими расстояниями. Текст располагается в пространстве font-size. Обратите внимание, что линия текста начинается не на основании, а немного выше. Пространство ниже предусмотрено для букв, у которых есть элементы снизу (g, у и так далее).

Обратите внимание, что пространство между блоками font-size называется leading. В HTML и CSS это свойство никак не фигурирует, но оно есть в других графических и текстовых редакторах. Например, в Adobe Photoshop.

На рисунке выше указано, где в «Фотошопе» можно указать leading. А рядом указывается параметр font-size.

Примеры использования line-height

В CSS расстояние между строками можно задать процентами. Наглядный пример приведен ниже.

В случае маленького значения пользователю вашего сайта читать будет неудобно.

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

Тонкости оформления

В CSS расстояние между строками можно дополнительно настраивать различными отступами. Рассмотрим пример на рисунке.

В поле «Элемент» в нашем случае будет текст. Padding — это отступ внутри объекта, а margin — отступ за объектом. Border — это рамка. Она может быть 0 пикселей, а может быть и 100.

На следующем изображении показаны сразу все отступы, рамка и высота линии текста.

Если у вас текст небольшой, всего в одну строку, или каждая строка в отдельном абзаце, то расстояние можно настраивать отступами между этими абзацами. То есть maring и padding между строчками в одном элементе не оказывают никакого влияния. Они создают отступы только по краям объекта. Объект — это весь абзац, а не строчки в нем. Здесь важно не запутаться.

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

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

Расстояние между строками HTML можно прописывать к какому-нибудь классу или для всех абзацев в тексте. Если вы укажете вот так: p { line-height:20px; }, — то абсолютно все абзацы на странице будут со строками размером 20 пикселей. Если нужно в разных местах различные размеры, то рекомендуется делать следующим образом.

Прописываем стили.

Class1 { line-height:20px; }

Class2 { line-height:16px; }

Class3 { line-height:12px; }

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

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

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

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

У поисковика «Гугл» есть специальный инструмент, который помогает в этом анализе. Он очень удобен для веб-мастеров.

Вот пример результатов, которые могут быть.

  1. В палитре Layers (Слои) выберите текстовый слой.
  2. По желанию. С помощью инструмента Туре выделите тот фрагмент текста, который следует изменить. Иначе трекинг будет применен ко всему тексту.
  3. Щелкните по кнопке Palettes (Палитры), чтобы открыть палитру Character (Шрифт), если она еще не открыта.
  4. Выберите одно из значений трекинга во всплывающем меню Tracking (Tpeкинг) либо введите любое свое значение (рис. 17.19). Воспользуйтесь отрицательным значением, чтобы сблизить символы, и положительным — чтобы увеличить зазор между ними.

Рис. 17.19. Увеличенное межзнаковое расстояние в заголовке

Нажав клавишу Alt при активном инструменте Move (Перемещение) и нажимая клавиши со стрелками «вправо»/«влево», можно скопировать весь текстовый блок.

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

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

Межстрочное расстояние (интерлиньяж) -это расстояние между текущей строчкой текста и строчкой, расположенной над ней. У каждого символа может быть свое собственное межстрочное расстояние; наибольшее значение будет определять межстрочное расстояние для данной строки.

Межстрочный интервал по умолчанию рассчитывается пропорционально кеглю. Их отношение указывается в диалоговом окне Justification (Выравнивание), которое открывается с помощью меню палитры Paragraph (Абзац). По умолчанию величина интервала составляет 120% от кегля. Например, межстрочное расстояние для кегля в 30 точек по умолчанию равно 36.

Для установки межсимвольного расстояния в тексте, который расположен по вертикали, выделите нужные символы и измените значение трекинга в палитре Character (Шрифт). Вы увидите, что текст после этого преобразится.

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

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

Сказанное выше о форматировании текста относится только к Фотошопу. Если вы используете другие приложения, возможно, порядок действий при выборе шрифта будет иным. При создании текстов для сети Internet лучше обратиться к программе, предназначенной для Web-дизайна.

  1. В палитре Layers (Слои) выберите нужный слой.
  2. По желанию. Выделите одну или несколько строк, в которых будете менять межстрочный интервал. Если текст был введен в построчном режиме, то необходимо выделить всю строку. Если не выделять строки, то изменения произойдут во всем тексте.
  3. Выберите или введите значение межстрочного интервала в палитре Character (Шрифт) — см. рис. 17.20, 17.21.

Рис. 17.20. Выбор межстрочного интервала

Рис. 17.21. Абзацы с одинаковым кеглем, но разными межстрочными интервалами

Смещение выделенных символов относительно базовой линии
  1. На палитре Layers (Слои) выберите нужный слой.
  2. По желанию. С помощью инструмента Туре (Текст) выделите те символы, которые следует сместить. Иначе изменят положение все символы слоя.
  3. Откройте палитру Character (Шрифт).
  4. Введите значение в поле смещения относительно базовой линии (рис. 17.22) -положительное, если хотите, чтобы буквы были расположены выше базовой линии; и отрицательное — в противном случае (рис. 17.23). Если вы не выполняли шаг 2, нажмите клавишу Enter.

Рис. 17.22. Поле смещения относительно базовой линии

Рис. 17.23. Положение текста при вводе положительного, нулевого и отрицательного значения смещения относительно базовой линии

Межстрочное расстояние (интерлиньяж) — это расстояние между текущей строчкой текста и строчкой, расположенной над ней. У каждого символа может быть свое собственное межстрочное расстояние; наибольшее значение будет определять межстрочное расстояние для данной строки.

Рис. 17.20 . Выбор межстрочного интервала


Рис. 17.21 . Абзацы с одинаковым кеглем, но разными межстрочными интервалами

Совет
Межстрочный интервал по умолчанию рассчитывается пропорционально кеглю. Их отношение указывается в диалоговом окне Justification (Выравнивание), которое открывается с помощью меню палитры Paragraph (Абзац). По умолчанию величина интервала составляет 120% от кегля. Например, межстрочное расстояние для кегля в 30 точек по умолчанию равно 36
.

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

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

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

Совет
Сказанное выше о форматировании текста относится только к программе Photoshop. Если вы используете другие приложения, возможно, порядок действий при выборе шрифта будет иным. При создании текстов для сети Internet лучше обратиться к программе, предназначенной для Web-дизайна
.

  1. В палитре Layers (Слои) выберите нужный слой.
  2. По желанию . Выделите одну или несколько строк, в которых будете менять межстрочный интервал. Если текст был введен в построчном режиме, то необходимо выделить всю строку. Если не выделять строки, то изменения произойдут во всем тексте.
  3. Выберите или введите значение межстрочного интервала в палитре Character (Шрифт) — см. рис. 17.20, 17.21.

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

Межстрочное расстояние (интерлиньяж) -это расстояние между текущей строчкой текста и строчкой, расположенной над ней. У каждого символа может быть свое собственное межстрочное расстояние; наибольшее значение будет определять межстрочное расстояние для данной строки.


Рис. 17.19. Увеличенное межзнаковое расстояние в заголовке

Рис. 17.20. Выбор межстрочного интервала


Рис. 17.21. Абзацы с одинаковым кеглем, но разными межстрочными интервалами

Совет

Межстрочный интервал по умолчанию рассчитывается пропорционально кеглю. Их отношение указывается в диалоговом окне Justification (Выравнивание), которое открывается с помощью меню палитры Paragraph (Абзац). По умолчанию величина интервала составляет 120% от кегля. Например, межстрочное расстояние для кегля в 30 точек по умолчанию равно 36.

Совет

Для установки межсимвольного расстояния в тексте, который расположен по вертикали, выделите нужные символы и измените значение трекинга в палитре Character (Шрифт). Вы увидите, что текст после этого преобразится.

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

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

Совет

Сказанное выше о форматировании текста относится только к программе Photoshop. Если вы используете другие приложения, возможно, порядок действий при выборе шрифта будет иным. При создании текстов для сети Internet лучше обратиться к программе, предназначенной для Web-дизайна.

  1. В палитре Layers (Слои) выберите нужный слой.
  2. По желанию. Выделите одну или несколько строк, в которых будете менять межстрочный интервал. Если текст был введен в построчном режиме, то необходимо выделить всю строку. Если не выделять строки, то изменения произойдут во всем тексте.
  3. Выберите или введите значение межстрочного интервала в палитре Character (Шрифт) — см. рис. 17.20, 17.21.

Как изменить расстояние между абзацами или между строками в word

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

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

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

Межстрочный интервал в Word (или все забыли про абзац)

Что такое интервал между строк и абзацами? Межстрочный интервал в Word — это расстояние между двумя строками текста. Расстояние между абзацами — это пробел между двумя абзацами. Как и правильное использование грамотных шрифтов управление интервалами является неотъемлемой частью формирования документа (хотя большинству достаточно стандартных настроек).

Как бы это странно не звучало… но межстрочный интервал как и расстояние между абзацами применяются в параметрах абзаца

В Word межстрочный интервал по умолчанию измеряется в множителе размера выбранного шрифта в данном абзаце. Что это значит? — Например я использовал для написания заметки 12 шрифт. При выборе одинарного интервала расстояние между строками будет 12 пикселей. Если выбрать двойной, то 12*2=24 пикселя между строк. Однако используя точные настройки можно выбрать межстрочный интервал принудительно в пикселях.

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

Как настроить межстрочный интервал в Ворде с помощью пресетов

В самом текстовом редакторе Ворд уже присутствуют вшитые параметры интервалов. Хочу напомнить что параметры межстрочного интервала в Word применяется на уровне абзаца. Если вы отметите курсором место в определенном абзаце — вы зададите параметры расстояния между строк конкретно в этом абзаце.

Выделите необходимые абзацы и на вкладке «Главная» найдите кнопку «Интервал».

Откроется выпадающее меню с параметрами межстрочного интервала (вверху) и расстоянием между абзацами (внизу).

Как я уже и писал чуть ранее — расстояние между строками определяется множителем вашего шрифта… т.е. выбрав множитель 3,0 — получим расстояние РАЗМЕРШРИФТА x 3. Можете поэкспериментировать, но как правило в документах используется одинарный или полуторный межстрочный интервал.

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

Понятно что возиться с каждым абзацем достаточно монотонно и не рационально. Применить параметры для всего документа очень просто! Выделяем весь документ (CTRL + A) и используем все те команды, о которых я рассказывал выше…

Использование стилей интервалов для всего документа

Двигаемся на вкладку «Дизайн» и кликаем по кнопке «Интервал между абзацами».

Несмотря на название пункта «Интервал между абзацами» изменения применимы и для расстояния между строк. При наведении на интересующий нас пункт меню мы увидим всплывающую подсказку с параметрами интервалов и расстоянии между строками и абзацами.

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

В конце списка присутствует пункт «Пользовательские интервалы для абзацев…» — здесь, в окне «Управление стилями» мы можем подогнать параметры под себя.

На вкладке «По умолчанию» в категории «Интервал» можно максимально точно настроить параметры расстояний между строками. Обратите внимание что параметры можно применить либо к конкретно рекдактируемому документу или же ко всем последующим!

Устанавливаем тонкую настройку межстрочного интервала в Word

Если вы хотите более точной настройки чем вышеописанные способы, то остался еще один вариант (кто тут главный в конце концов!)

Выберите необходимые абзацы для изменения (или выделите весь документ сочетанием клавиш CTRL + A) и на вкладке «Главная» кликните по спрятавшейся кнопке «Параметры абзаца»

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


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

Вывод

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

Источник: https://www.itshneg.com/mezhstrochnyj-interval-v-vorde/

Как изменить межстрочный интервал в Ворде

Междустрочный интервал в офисной программе Microsoft Word — значение, определяющее расстояние между строками на странице документа. Большинство пользователей не меняют его? так как установленное по умолчанию удовлетворяет практически все потребности. Однако изменение данного параметра поможет сделать текст более читабельным, а если его сильно увеличить, то можно будет делать подписи на напечатанном листе. Более того, многие преподаватели требуют строго установленное расстояние, которое отличается от стандартного, но самостоятельно найти нужную вкладку для его изменения бывает затруднительно.

Установка интервала перед началом работы

Существует несколько способов установки междустрочного расстояния для пустого документа.

Способ 1: кнопка во вкладке «Главная»

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

  1. Для выполнения этой операции в программе предусмотрена специальная кнопка, расположенная во вкладке «Главная». Именно она позволит вам установить интервал, который будет применен для всего в будущем написанного текста.
  2. В выпадающем меню вы можете выбрать предложенные значения. Если они вас по каким либо причинам не устраивают, то можно задать свои, кликнув на поле «Другие варианты междустрочных интервалов».
  3. В открывшемся окошке, в поле «Отступы и интервалы» необходимо найти раздел «Интервал». В этой части можно выбрать одно из существующих значений, в зависимости от стиля, или задать его самостоятельно. Сделать это можно, используя специальные кнопки, расположенные на панели, или с клавиатуры. Ограничения по длине знаков после запятой нет.

Способ 2: меню «Изменить стили»

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

  1. На верхней панели находим и нажимаем на пункт «Изменить стили». Откроется меню, в котором можно настроить основные параметры шрифта в тексте и восстановить для них настройки по умолчанию, если они сбились.
  2. Кликаем «Интервал между абзацами», а затем нажимаем «Пользовательские интервалы для абзаца».
  3. Перед вами откроется окно, в котором можно выполнить необходимые настройки. Помимо этого, в данном разделе можно создать собственный шаблон и настроить там расстояние между абзацами, шрифт, его размер и другие важные параметры, а в будущем просто обращаться к нему. Это очень экономит время.

Способ 3: во вкладке «Разметка страницы»

Еще один интересный способ.

  1. Кликаем на пункт в верхней части экрана «Разметка страницы».
  2. В поле «Интервал» можно менять значения специальными кнопочками либо прописать значения вручную, используя клавиатуру.

Изменение интервала уже готового документа

Чаще всего случается ситуация, когда нужно изменить междустрочный интервал в уже готовом документе.

Если просто пытаться сделать это с помощью кнопки во вкладке «Главная», то у вас ничего не получится: параметр будет меняться только в абзаце, на котором установлен курсор.

Чтобы изменить интервалы между строк во всем документе, нужно выделять весь написанный текст левой кнопкой мыши и только потом можно пользоваться способом номер 1.

Совет: Для того, чтобы быстро выделить абсолютно весь текст в документе, нужно зажать сочетание клавиш «Ctrl» и английскую букву «A» или русскую «Ф». Весь текст выделится. Это гораздо удобнее, чем производить ту же операцию мышкой.

Изменение интервала отдельного абзаца

Изменить интервал в отдельном абзаце очень просто. Нужно выделить необходимый вам абзац мышью и проделать в точности все действия, описанные в способе 1.

Установка значений по умолчанию

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

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

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

Однако у некоторых пользователей данная операция вызывает затруднения.

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

Расскажи друзьям в социальных сетях

Источник: http://CompDude.ru/how-change-line-spacing-in-word/

Как в word сделать меньше межстрочный интервал?

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

Значение интервала зависит от используемого шрифта, так как стандартная ширина строки по этому кеглю берется за 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 интерфейс программы немного отличается, что может затруднить поиск необходимого раздела. Однако соответствующие значения все также находятся в подразделе «Абзац». Найти этот подраздел можно:

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

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

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

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

  1. Сектор «Абзац» можно найти также на закладке «Главная».
  2. Там же в меню можно найти пункт «Интервал», с помощью которого можно сразу поменять междустрочный интервал в Ворде.

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

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

Также статьи на сайте chajnikam.ru связанные с программой Word:Как сделать абзац в Word?Как сделать рисунок в Word?Как поменять направление текста в Ворде?

Как делать сноски в Ворде?

  • 11:40      
  • Людмила

Источник: http://word-office.ru/kak-v-word-sdelat-men-she-mezhstrochnyy-interval.html

Как уменьшать или увеличивать интервалы между строк в ворде?

Раз вы зашли в данную статью, то вам необходимо узнать, как изменять промежутки в строках и абзацах в ворде. Скорее всего, вы обратили внимание на то, что тексты с маленькими или слишком большими промежутками в строках, крайне неудобно читать. Это происходит из-за того, что в Ворде автоматически текст вводится с большим промежутком в строках и абзацах, вам предстоит просто сократить его или увеличить ещё больше, если вы этого хотите. А, прочитав данную статью, вы сможете разобраться в том, как это сделать.

Что нужно знать о межстрочных интервалах

  • Промежутки в интервалах будут напрямую изменяться от выбранного вами размера букв (стандартный промежуток равен единице). Следовательно расстояние всегда будет одинакового размеру использованных вами символов.
  • Размер интервала рассчитывается вертикально от центра строки.
  • Если вы выберете слишком низкое значение, то записи в вашем документе будут налипать друг на друга.
  • Кроме, интервала между строками существует и интервал между абзацами.

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

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

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

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

Этапы работы с данной функцией

Шаг первый.

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

Шаг второй.

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

Шаг третий.

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

К тому же, существует ещё один способ убрать слишком большое расстояние между строками. Для его выполнения от вас требуется: открыть меню «Главная» и во вкладке «Стили» выбрать «Без интервалов».

Как в ворде уменьшать расстояние между строками версия 2016

Чтобы изменить расстояние между абзацами во всем документе, вам необходимо выполнить следующие действия:

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

Виды интервалов

В ворде существует несколько видов межстрочных интервалов:

  • Одинарный – данный интервал аналогичен максимальному шрифту, который вы использовали в тексте.
  • Полуторный – этот вид интервала подразумевает под собой расстояние, использованное в предыдущем интервале, но увеличенное в полтора раза.
  • Двойной – то же самое, что и «полуторный», но увеличивает интервал в два раза.
  • Минимум – данный тип является минимальным. После его использования расстояние будет такое, чтобы в него можно было вписать букву, с выбранными вами шрифтом.
  • Точно – здесь, вы сможете самостоятельно выбрать необходимое значение для расстояния между строками или абзацами.
  • Множитель – выбрав данный тип, расстояние будет меняться в соответствии с коэффициентом. То есть, если вы выбрали коэффициент 1.3, то расстояние будет увеличиваться или уменьшаться (в зависимости от того, что вы выберете) на 30%.

Нужная информация

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

Подведём итоги

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

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

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

Источник: https://LivePosts.ru/articles/hi-tech-at/kak-umenshat-ili-uvelichivat-intervaly-mezhdu-strok-v-vorde

Расстояние между строками

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

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

Как сделать интервал

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

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

Изменить интервал

Изменение интервала: варианты

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

Варианты интервала

Вариант интервала «минимум» устанавливает минимальное
расстояние между строками, указывается также с единицами измерения.

Минимальный интервал

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

Наиболее часто применяемые соотношения (одинарный, 1,5 строки, двойной), показаны в списке отдельно.

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

Интервал: множитель

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

Источник: https://compone.ru/rasstoyanie-mezhdu-strokami

Расстояние между абзацами в Ворде

Рубрика Word

И еще статьи о Ворде:

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

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

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

Источник: http://officeprogs.ru/word/rasstoyanie-mezhdu-abzatsami-v-vorde.html

Интервалы между абзацами

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

По умолчанию при
создании нового документа для обычного
текста установлен интервал после абзаца
в 10 пт. Увеличенные интервалы определены
и для заголовков.

Интервалы между
абзацами удобно устанавливать в
счетчиках Интервал группы Абзац вкладки Разметка
страницы
 (см. рис.
7.3).

  1. Выделите один или несколько абзацев.

  2. В счетчиках Интервал установите требуемое значение интервала перед абзацем (верхний счетчик) и интервала после абзаца (нижний счетчик).

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

    Для этого следует в поле счетчика ввести число и через пробел — сокращение см или мм, например, 1 см или 15 мм.

Для установки
интервалов между абзацами можно
воспользоваться счетчиками Перед и После в
группе Интервал вкладки Отступы
и интервалы
 диалогового
окна Абзац
(см. рис.
7.5 и рис.
7.11).

Удалить имеющиеся
интервалы перед и после абзаца можно,
выбрав соответствующую команду в меню
кнопки Междустрочный
интервал
 группы Абзац вкладки Главная
(см. рис.
7.10).

Установка границ абзацев

О границах абзацев

Установка обрамления
(границ) абзаца используется при
оформлении заголовков, выделения
фрагментов текста в документе и в других
случаях. Обрамлять можно один или сразу
несколько абзацев. Границы могут
располагаться как со всех сторон абзаца
(абзацев), так и только с некоторых сторон
(рис.
7.12).

увеличить
изображение

Рис. 7.12. 
Границы абзацев

  • Параметры границ
    абзацев можно настраивать, например,
    изменять вид, цвет, толщину линии и ее
    расстояние от текста.
  • Установка границ
  • Простые границы
    устанавливают с использованием
    кнопки Граница,
    расположенной в группе Абзац вкладки Главная.
  1. Выделите один или несколько абзацев.

  2. Во вкладке Главная в группе Абзац щелкните по стрелке кнопки Граница и выберите требуемое расположение границ (рис. 7.13). Функция динамического просмотра при выборе границ не работает.

увеличить
изображение

Рис. 7.13. 
Установка границ абзацев

Для удаления
имеющихся границ выделите абзац (абзацы)
и в меню кнопки Граница выберите
режим Нет
границы
 (см. рис.
7.13).

Настройка параметров границ

Настроить (изменить)
параметры границ можно как при их
установке, так и после.

  1. Выделите один или несколько абзацев.

  2. Во вкладке Главная в группе Абзац щелкните по стрелке кнопки Граница и выберите команду Граница и заливка (см. рис. 7.13).

  3. Перейдите во вкладку Граница диалогового окна Границы и заливка (рис. 7.14).

увеличить
изображение

Рис. 7.14. 
Настройка параметров границ абзацев

  1. В списке Тип выберите линию границы.

  2. В раскрывающемся списке Цвет выберите цвет границы.

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

  4. В разделе Тип, кроме обычной рамки ( рамка ), можно выбрать также рамку с тенью ( тень ). Для двойных несимметричных линий можно выбрать объемную рамку (объемная ) Тип рамки другая используется в том случае, если требуется с разных сторон абзаца установить линии разного типа, цвета или толщины.

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

  6. Для настройки расстояния от рамки до текста нажмите кнопку Параметры. В диалоговом окне Параметры границы и заливки (рис. 7.15) в счетчиках верхнее, нижнеелевоеправое можно указать любое значение от 0 до 31 пункта.

    Величина расстояния по умолчанию устанавливается в пунктах, но, при желании, значение можно указать в сантиметрах или миллиметрах.

    Для этого следует в поле счетчика ввести число и через пробел — сокращение см или мм, например, 0,5 см или 3 мм.

Источник: https://studfile.net/preview/2303134/page:3/

Иллюстрированный самоучитель по Microsoft Word 2003

Некоторые пользователи зачастую дважды нажимают Enter после завершения абзаца. Это такая же дурная привычка, как двойной пробел после точки – атавизм, совершенно бессмысленный в эпоху современных текстовых процессоров.

Если вы хотите, чтобы расстояние между абзацами было побольше, следует всего лишь приказать Word добавить в текст такое «пространства» (т.е. выполнить то, что вы сами проделывали со своими чересчур краткими рефератами: пошире поля, покрупнее буквы… Ну и, конечно, побольше расстояние между абзацами). В Word эта проблема решается следующим образом.

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

    Увеличить пустое пространство можно и выше, и ниже абзаца.

  2. Выберите команду Формат › Абзац.

    Появится диалоговое окно Абзац, показанное на рис. 12.2.

    Активизируйте вкладку Отступы и интервалы. Если вы не можете ее найти, щелкните на ее ярлыке или нажмите комбинацию клавиш ALT + I.

    Теперь вам предстоит сосредоточиться на той области вкладки, которая называется Отступы и интервалы.

  3. Чтобы увеличить промежуток перед абзацем, введите выбранное вами значение в поле Перед.
  4. Чтобы увеличить промежуток после абзаца, введите необходимое значение в поле После.
  5. Щелкните на кнопке ОК.

Ваш абзац (или абзацы, если вы выделили несколько абзацев) изменит свой облик.

Лично я чаще всего пользуюсь кнопками со стрелками, направленными вверх и вниз. Например, чтобы увеличить пробел после каждого абзаца (как бы два раза нажать Enter), я возле поля После дважды щелкаю на кнопке со стрелкой, направленной вверх. Значение 12 ПТ означает, что абзацы будут отделены пустым пространством, шириной примерно в одну строку.

  • Хотите увидеть, как будет выглядеть текст с другим интервалом между абзацами? Обратите внимание на расположенную в нижней части диалогового окна Абзац область Образец.
  • Ширина интервала задается для текущего шрифта. Например, если строки текста введены шрифтом 12 пунктов, то и интервал в 12 пунктов должен быть задан для этого шрифта. Если вы измените шрифт, то и интервал может стать другим. Поэтому сначала определите шрифт и только после этого – интервал между абзацами.
  • Итак, какое поле вы изменили: Перед или После? Мой вам совет: меняйте значение в поле После, увеличивая тем самым расстояние между текущим абзацем и следующим. Поле Перед я использую редко.
  • Увеличение интервала перед или после абзаца не вводит двойной интервал в текст абзаца. Говоря точнее, изменение расстояния между абзацами никак не влияет на межстрочный интервал.

Что такое пт?

Пространство, которое устанавливает Word между абзацами, измеряется в пунктах. Это придумали полиграфисты. (В пунктах измеряется также размер шрифта – помните?).

Если вы уже сталкивались с понятием размер шрифта (читайте главу 11, «Форматирование символов, шрифтов и текста»), то уже имеете представление о пунктах, хотя в списке Размер диалогового окна Шрифт аббревиатура пт не использовалась.

В одном дюйме – 72 пункта. Если вы работаете с 12-пунктовым шрифтом и установили промежуток между абзацами в 12 пунктов, тп думается как раз одна пустая строка между абзацами; следовательно, 6 пунктов (6 пт) – это полстроки.

Поля, в которых вводятся значения в пунктах, снабжены «колесиками» прокрутки. Щелкая на стрелках, направленных вверх или вниз, вы увеличиваете или уменьшаете межстрочный интервал с шагом в 6 пунктов. Если } необходимо задать иное значение, введите его вручную непосредственно в поле. (Правда, лично мне всегда хватало интервалов в 6.12 и 18 пт.)

Источник: http://samoychiteli.ru/document19468.html

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

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

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

Способы выставления интервала

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

Обратите внимание! Изменение междустрочного интервала продемонстрируем на примере Word 2013.

Для части документа это можно сделать клавишами управления курсора или мышью, а выделить весь документ еще проще — достаточно использовать клавиатурную комбинацию Ctrl+A. При этом цвет фона выделенного текста станет инверсным.

Вопрос о том, как уменьшить расстояние между абзацами в Word не имеет однозначного ответа. Для удобства пользователя предусмотрено несколько способов решения этой задачи:

  1. С помощью панели инструментов «Главная».
  2. Обратившись на вкладку «Разметка страницы».
  3. Настроив размер по умолчанию.
  4. Используя клавиатурные комбинации.

Панель инструментов «Главная»

На панели «Главная» имеется кнопка с изображением горизонтальных полосок и пары стрелочек – это и есть нужная нам кнопка «Интервал».

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

Совет! В Word можно работать с вертикальным текстом. Как это сделать читайте на странице.

Разметка страницы

Еще один способ того, как уменьшить или увеличить расстояние между строчками в Word состоит в обращении к вкладке «Разметка страницы» (Page Layout). Там вы обнаружите стрелку справа от слова «Абзац».

Нажатие этой стрелки открывает доступ к окну настроек, среди которых имеется и регулятор междустрочного отступа.

Размер по умолчанию

В этом же окне наличествует кнопка «По умолчанию». Ее нажатие приводит к сохранению выбранных вами установок в программе.

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

Совет! Если выделить нужные абзацы и установить значение интервала в ноль, то пространство между абзацами исчезнет.

Указав значения «До» и «После» — можно варьировать межабзацные расстояния произвольным образом.

Клавиатурные комбинации

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

  1. CTRL+1 — устанавливает одинарный междустрочный интервал в тексте.
  2. CTRL+2 — увеличивает отступ до двойного.

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

Источник: https://geekon.media/izmenenie-mezhstrochnogo-intervala-word/

Междустрочный интервал в css. Уроки HTML: межстрочные интервалы CSS

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

. Свойство может применяться ко всем тегам

.

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

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

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

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

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

Если мы поставим 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;
}

h2 {
font-weight: bold;
}

h3 {
text-transform: uppercase;
}

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

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

Как правило, большинству верстальщиков не нравится оформление текста по умолчанию в html. Межстрочный интервал CSS позволяет производить настройку практически всего, что только можно представить. А если углубиться, то можно сделать то, что вам и в голову не приходило.

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

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

  • абзаца;
  • списков;
  • ;
  • таблиц;
  • заголовков;
  • и всего остального, где вы размещаете текст.

Рассматривая межстрочные интервалы CSS, в первую очередь обращают внимание на следующие атрибуты.

В «Фотошопе» существует понятие Leading. Такого атрибута в CSS нет, но благодаря ему можно пояснить суть. Leading по факту и есть расстояние между строками.

В CSS размер строки задается параметром line-height и font-size. Как видите, на рисунке ясно указано, что font-size — это размер шрифта. Ни одна буква за эти пределы никогда не выходит.

Line-height — это расстояние от середины верхнего Leading до середины нижнего Leading. Стрелочками всё это указано на рисунке.

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

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

Как видите, буквы как раз занимают весь диапазон font-size. А высота линии больше, и с обеих сторон добавляется равное пространство.

Значение атрибута line-height может быть любым:

  • пиксели;
  • дюймы;
  • пункты;
  • проценты;
  • и другие, которые используются в CSS.

Указывать отрицательное значение нельзя. Например, если вы укажете множитель, равный полутора, то у вас получится стандартный полуторный интервал в тексте.

Если вы будете указывать в процентах, то учитывайте, что 100% в line-height равносильно значению font-size.

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

Inherit означает, что значение будет точно такое же, как и у родительского элемента.

Более детальное оформление

Межстрочные интервалы CSS на самом деле не ограничиваются только вышеуказанными атрибутами. Расстояние еще корректируется атрибутами margin и padding. Если указать атрибут именно как margin=»5px», то со всех сторон строки (абзаца) будет добавлено расстояние 5 пикселей.

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

Обратите внимание, что есть еще атрибут padding. Она работает точно так же, как и margin. Задать можно как общий отступ, так и конкретное направление (слева, справа, вверх, низ).

Посмотрите внимательно на рисунок сверху. Margin — отступ за пределами объекта, а padding — внутри.

Эти атрибуты являются глобальными. Их можно применять ко всему — картинкам, таблицам, тексту, ссылкам и так далее.

Запомните это раз и навсегда. Это очень важный момент при оформлении объектов. Например, благодаря margin можно указать отступы между текстом и картинками внутри него. Если этих отступов нет, то текст будет распложен вплотную к изображению.

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

Иногда это весьма нужное свойство. На рисунке снизу виден пример разной ширины текста.

Пример оформления

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

Попробуйте сравнить два абзаца, указанных на рисунке ниже. Какой текст вам удобнее читать?

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

Для наглядности можете проверить в любом редакторе. Сравним несколько шрифтов.

Обратите внимание, что все шрифты написаны размером 24 пикселя. Как видите, все они отличаются по высоте и ширине букв. Если сравнивать размеры побольше, то разница будет более очевидной.

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

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

  • Высоту пунктов списка.
  • Отступы для текста слева.
  • Отступы для строк сверху и снизу.
  • Максимальную ширину каждого пункта.

Заключение

Владея таким набором атрибутов, можно играть с оформлением не только строчек, но и всего, что хотите. Это глобальные параметры, которым подчиняются абсолютно все элементы (исключение — font-size, так как он только для текста).

Работая со стилем для текста, вы можете устанавливать необходимые расстояния между символами, словами и строками. Задаются такие расстояния в любых единицах измерения CSS, будь-то px , pt , em или другое. Исключением являются проценты – с их помощью можно задать расстояние между строками (интерлиньяж), но они не работают при установке интервала между символами или словами.

Межсимвольный интервал CSS: letter-spacing

Задать межсимвольный интервал можно с помощью свойства CSS letter-spacing. Помимо обычных значений (положительных и отрицательных) также можно использовать значения inherit (чтобы наследовать значение у родителя) и normal (если необходимо вернуть нормальное расстояние между символами).

Пример записи межсимвольного интервала:

P { letter-spacing: 2em; }

Интервал между словами: word-spacing

Свойство CSS word-spacing отличается от предыдущего тем, что устанавливает расстояние между словами, а не между символами. Для данного свойства тоже предусмотрены значения normal и inherit . Можно задавать отрицательные значения. Ниже показан пример записи стиля:

P { word-spacing: 6px; }

Межстрочный интервал: line-height

С помощью свойства CSS line-height можно задавать расстояние между строками текста. Как было сказано в начале темы, для установки интерлиньяжа, помимо других единиц измерения, допускается использовать проценты. Также разрешено записывать значение в виде множителя (числа больше 0): для вычисления расстояния браузер умножит размер шрифта на заданное число. Отрицательные значения не работают. Доступны значения normal и inherit .

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

P { line-height: 180%; }

На скриншоте можно увидеть, как выглядит текст со всеми тремя свойствами:

Скриншот: интервалы в CSS

Итоги

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

Как изменить межстрочный интервал для одного абзаца в HTML-шаблоне электронной почты?

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

Команды, которые я нашел на интернет-сайтах, не работают или должны находиться внутри других команд. Я пробовал такие команды, как line-height=50%.

Вот результат

Бизнес-аналитик:

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

Вот код:

  <заголовок>
  
  
  $BEGINSUBJECT()$NOTIFICATION() - $ITEMNUMBER()$FIELDVALUE(ID) $TTID()$ENDSUBJECT()
  <тип стиля="текст/CSS">
  тело {семейство шрифтов: «Требушет MS», Arial, Helvetica, без засечек; вес шрифта: нормальный; размер шрифта: 12px;}
  a.attachlink:link {цвет: #0000FF}
  a.attachlink:посетили {цвет: #0000FF}
  a.attachlink:hover {цвет: #006600}
  .itemTitle{размер шрифта:120%; отступ: 0px; цвет: #FFFFFF; кайма-низ:тонкий однотонный темно-синий; цвет фона: темно-синий; }
  .itemColor {цвет: #FFFFFF;}
  тд {заполнение: 4px; вертикальное выравнивание: сверху;}
  td.sidebar{цвет: #333;}
  .fieldNames {цвет: #333; белое пространство: nowrap; вес шрифта: полужирный;}
  .нижний колонтитул {цвет: #818181; размер шрифта: 80%; стиль шрифта: курсив; }
  .greyborder {фоновый цвет: # f7f7f7; граница: тонкая сплошная #999; ширина:авто;}
  
 
$ITEMNUMBER()$FIELDVALUE(ID) ($FIELDVALUE(TITLE)) Требуется действие
Переведите $ITEMNUMBER()$FIELDVALUE(ID) в состояние $FIELDVALUE(STATE).

Чтобы открыть $ITEMNUMBER()$FIELDVALUE(ID) $LINK(TRUE, нажмите здесь.) Мы очень признательны за ваше внимание к этому запросу.
$IF(CANVIEW) $FIELDS(1)
ЭТО ПИСЬМО СОЗДАНО СИСТЕМОЙ. Пожалуйста, не отвечайте.
Спасибо!


Ссылка: $NOTIFICATION()

html — Удалить интервал между

html — Удалить интервал между

– 2 Ответа

спросил

Просмотрено 140 тысяч раз

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

Я знаю line-height , но пробовал возиться с разными значениями и не смог найти правильное.

Пример кода:

  <стиль>
п
{
  маржа: 0;
  заполнение: 0;
  размер шрифта: 60px;
}
див
{
  маржа: 0;
  заполнение: 0;
  цвет фона: красный;
}

<дел>
  

тест

тест

Изображение кода (я хочу убрать пробел между «тест» и «тест»):

спросил 22 авг. 2013 в 23:54

ПачаПача

1 38833 золотых знака2222 серебряных знака4343 бронзовых знака

6

Для первого

установить: margin-bottom:0; и для второго

set: margin : 0; заполнение сверху: 0; одновременно.Должно быть так:

  <р>
    тестовое задание

тестовое задание