Межстрочное расстояние

Содержание

Интерлиньяж — Википедия

Материал из Википедии — свободной энциклопедии

Сверху текст, набранный с интерлиньяжем, равным кеглю, ниже — текст, набранный с интерлиньяжем больше кегля.

Интерлинья́ж (от фр. interligne, буквально — написанное между строк) — междустрочный пробел, расстояние между базовыми линиями соседних строк. В компьютерной вёрстке это понятие обычно называют «межстрочный интервал» (англ. line spacing).

При ручном наборе из металла интерлиньяж складывается из высот (кегля) литеры и шпона (пробельного материала) и изменяется путём вставки пробельных материалов различных толщин.

В ручном наборе (высокая печать) интерлиньяж образовывался за счёт состыковки нижнего заплечика (пробельного участка) верхней литеры или линотипной строки с верхним заплечиком (пробельным участком) нижней литеры или линотипной строки. Так как заплечики (верхние и нижние) всегда были фиксированного размера (то есть неизменны), то и интерлиньяж (пробельное расстояние между двумя строками, набранными из литер или составленными из линотипных строк) был всегда одинаковым. Если между строк, набранных из литер или линотипных строк, проставляли «шпон» (тонкий пробельный материал из гарта, кеглем, как правило, равным 2‑м пунктам системы Дидо), то такой набор назывался «набор на шпоны». В этом случае термин «интерлиньяж» сохранял свой изначальный смысл (пробельное расстояние между двумя строками), только его величина («величина интерлиньяжа») увеличилась. Измерение величины интерлиньяжа между базовыми линиями шрифта осуществлялось в фотонаборе, но не в ручном наборе и не в линотипном наборе.

Также в ручном и линотипном наборе невозможен был «отрицательный интерлиньяж» (например, набор 10 pt/9 pt, то есть набор текста литерами высотой в 10 пунктов при расстоянии между базовыми линиями соседних строк в 9 пунктов).

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

line‑height) и размером шрифта (font-size).

line-height | htmlbook.ru

Internet Explorer		Chrome	Opera	Safari	Firefox	Android	iOS
6.0+	8.0+	1.0+	3.5+	1.0+	1.0+	1.0+	1.0+

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

Версии CSS

CSS 1	CSS 2	CSS 2.1	CSS 3

Описание

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

Синтаксис

line-height: множитель | значение | проценты | normal | inherit

Значения

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

normal: Расстояние между строк вычисляется автоматически.
inherit: Наследует значение родителя.

Пример

HTML5CSS2.1IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>line-height</title>
  <style>
   h2 {
    line-height: 60%;
   } 
   p {
    line-height: 1.5;
   }
  </style>
 </head> 
 <body> 
  <h2>Duis te feugifacilisi</h2>
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem 
  nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. 
  Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit 
  lobortis nisl ut aliquip ex ea commodo consequat.</p> 
 </body>
</html>

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

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

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

[window.]document.getElementById(«elementID»).style.lineHeight

Браузеры

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

Упражнение 3

Одинарный интервал

Значение межстрочного интервала задается в окне диалога по команде меню Формат / абзац. Если Вы хотите указать значение интервала точно, то введите желаемое значение с указанием единиц измерения. Например, 12 пт. Если ввести значение без указания единиц измерения, то программа будет рассматривать эту величину как относительное значение межстрочного интервала. Вы можете задавать ее с точностью, например, в 1% (одну сотую).

Двойной интервал

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

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

значение наибольшего кегля шрифта, использованного в текущей строке,

умноженное на введенный Вами коэффициент. Если в строке встретится хоть

одна буква большего кегля, то эта строка “отодвинется” от предыдущей на

нужную величину; если весь текст в строке будет набран меньшим, то строки

“сожмутся”.

Точное задание интервала

Задайте разный размер шрифта для слов в этом абзаце (от 10 до 18 пт).

Укажите межстрочное расстояние в 12 пунктов. Интервал будет выдерживаться независимо от

того, шрифт какого кегля используется в абзаце. Если Вы решите

выделить часть текста шрифтом иного кегля, то если это кегль

большего размера, то строки могут просто “наехать” друг на друга, если

меньшего – текст будет смотреться очень свободно.

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

Упражнение 4

ОФОРМЛЕНИЕ СИМВОЛОВ

Типы шрифта

Эта строка набрана шрифтом – Times New Roman

Эта строка набрана шрифтом – Arial

Эта строка набрана шрифтом – Courier New

Размер шрифта

Размер шрифта данной строки равен 10 пт.

Размер шрифта данной строки равен 12 пт.

Размер шрифта данной строки равен 14 пт.

Размер шрифта данной строки равен 16 пт.

Эффекты оформления шрифта

Подчеркивание. Можно выделить несколько вариантов (одинарное, двойное, пунктир и т.п.).

Курсив, полужирный, курсив-полужирный, нормальный

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

Размер и положение нижнего индекса и положение верхнего индекса определяются на основании

параметров основного шрифта.

Кернинг шрифта

ЗАЯВЛЕНИЕ

(обычный)

З А Я В Л Е Н И Е

(разреженный)

ЗАЯВЛЕНИЕ

(сжатый)

Упражнение 5

РЕДАКТИРОВАНИЕ «РЕЗЮМЕ»

1.Проанализировать способы форматирования абзацев в документе

«РЕЗЮМЕ» (см. Работа № 1).

2.Откорректировать форматирование абзацев.

3.Проверить отсутствие ошибок форматирования

НЕДОПУСТИМЫЕ ОШИБКИ в информации при оформлении текста:

•Лишние (пустые) абзацы.

•Подряд два и более пробелов.

•Оформление красной строки с помощью табуляции или пробелов.

•Разрыв абзаца в середине предложения, или если не закончился смысловой фрагмент.

4.Предъявить преподавателю на проверку.

Внимание !

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

Внимание !

В документе «РЕЗЮМЕ» нет таблиц, нет колонок, а есть только грамотное форматирование абзацев и символов

между строк, между словами, между буквами и меняем регистр букв средствами CSS

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

line-height: 35px ; — Устанавливает межстрочный интервал
word-spacing: 15px ; — Интервал между словами
letter-spacing: 4px ; — Интервал между буквами
text-transform: uppercase/ lowercase/ capitalize ; — Изменение регистра букв

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

Первое свойство, которое мы рассмотрим — это свойство задающие межстрочный интервал. Для этого используется свойство line-height: ;.

Благодаря этому свойству мы можем менять расстояние между двумя базовыми линиям шрифта показанными на рисунке. Базовая линия это линия, на которой стоят буквы. Соответственно, когда располагаются две строки, у каждой строки есть своя базовая линия и расстояние между ними задается как раз, именно, с помощью свойства line-height: ;. Данное расстояние браузер задает самостоятельно в зависимости от размера шрифта.

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

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>HTML страница</title>
     <link  href="css/fonts.css" type="text/css" rel="stylesheet">
</head>
<body>
 Меняем расстояние между строками с помощью свойства line-height: ;
Меняем расстояние между строками с помощью свойства line-height: ;
Меняем расстояние между строками с помощью свойства line-height: ;
Меняем расстояние между строками с помощью свойства line-height: ;
</body>
</html>

И, ниже зададим то самое наше свойство, которое и будет менять расстояние между строками.

CSS

p{
    line-height: 25px;
}

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

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

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

Использование множителя удобно тем, что при изменении шрифта расстояние между строк так же измениться пропорционально. Таким образом, расстояние между строк можно регулировать множителем либо любым другим фиксированным значением px, %, em, pt.

Интервал между словами

Следующее свойство, которое мы рассмотрим это свойство word-spacing: ;, позволяющее изменять расстояние между словами. В этом свойстве используются фиксированные значения, и, уже проценты здесь не подходят.

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

CSS

p{
    word-spacing: 15px;
}

Теперь если обновить страницу то между словами увеличится расстояние на 15px.

Имейте ввиду, что если задать свойство text-align: justify; — выравнивание текста по ширине, то свойство word-spacing: ; браузером будет игнорироваться.

Интервал между буквами

Свойство letter-spacing: ; не так актуально и при больших объемах текста редко используется, так как браузер автоматически выбирает оптимальное расстояние между буквами. В основном, применяется это свойство при использовании больших шрифтов в одном двух словах.

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

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>HTML страница</title>
     <link  href="css/fonts.css" type="text/css" rel="stylesheet">
</head>
<body>

</body>
</html>

И задаем само свойство.

CSS

h2{
    letter-spacing: 3px;

    letter-spacing: -3px;
}

Изменение регистра букв

И, четвертое свойство — это text-transform: ;. Данное свойство изменяет регистр букв.

Бывают такие моменты, когда нужно написать какое-то слово полностью из заглавных букв. Для таких случаев и используется свойство text-transform: ;. Чаще всего используется данное свойство для заголовков.

Написать слово большими буквами можно и напрямую в HTML, но как уже знаем HTML — это только разметка, а оформление создается через таблицу стилей CSS. Поэтому, для этого и используется именно CSS.

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>HTML страница</title>
     <link  href="css/fonts.css" type="text/css" rel="stylesheet">
</head>
<body>

</body>
</html>

Для формирования заглавных букв свойству text-transform: ; задается значение uppercase, что означает upper – верхний и case – регистр.

CSS

h2{
    text-transform:uppercase ;
}

Задав такое свойство все заголовки h2 будут отображены в верхнем регистре.

Точно так же, можно и написать слово из маленьких букв, для этого используется значение lowercase, где lower – обозначает нижний и case – регистр.

CSS

h2{
    text-transform: lowercase;
}

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

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

CSS

h2{
    text-transform: capitalize;
}

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

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

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

Здравствуйте, дорогие друзья!

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

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

Навигация по статье:

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

Для задания межстрочного интервала в CSS существует специальное свойство line-height. Дословно оно переводится как высота строки.
Это CSS-свойство может принимать несколько значений:

1.Множитель (число).
Например:
line-height: 1.5;

Пример изменения межстрочного
интервала текста в HTML и СSS.
В данном примере мы получаем полуторный межстрочный интервал.
Здесь за единицу берётся размер шрифта. То есть если размер шрифта будет равен 16 пикселей, то межстрочный интервал со значением 2 будет равен:
2 x 16 = 32 пикселя.
2.Значение в пикселях или других единицах.
Например:
line-height: 20px;

Пример изменения межстрочного
интервала текста в HTML и СSS.
Так же вместо пикселей (px) можно использовать пункты (pt), высотe шрифта текущего элемента (em), дюймы(in) и так далее.
3.Значение в процентах.
Напрмер:
line-height: 180%;

Пример изменения межстрочного
интервала текста в HTML и СSS.
В этом случае за 100% берётся высота шрифта.
4.Inherit – значение межстрочного интервала будет наследоваться от родительского элемента.
Например:
line-height: inherit;

Пример изменения межстрочного
интервала текста в HTML и СSS.
5.Normal – в данном случае межстрочное расстояние задаётся автоматически.
Например:
line-height: normal;

Пример изменения межстрочного
интервала текста в HTML и СSS.

Лично мне больше всего нравится первый способ. Так как он прост и понятен в использовании и при этом интервал сохраняется при изменении размера шрифта.

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

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

1.Использовать атрибут style, внутри которого использовать то же свойство line-height с нужными нам параметрами.
Например:
<div style=” line-height:1.5;”> Пример изменения межстрочного интервала текста в HTML и СSS. </div></li>
<div style=” line-height:1.5;”>
Пример изменения межстрочного
интервала текста в HTML и СSS.
</div></li>
2.Использовать тег </style> и в нём уже для элемента с нужным классом задавать межстрочный интервал.
Например:
<style> .block { line-height: 120%; } </style> <div class=”block”> Пример изменения межстрочного интервала текста в HTML и СSS. </div>
<style>
.block {
line-height: 120%;
}
</style>

<div class=”block”>
Пример изменения межстрочного
интервала текста в HTML и СSS.
</div>

В идеале тег style должен располагаться в теге , но работать он будет в любом месте страницы.

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

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

Ниже приведён пример заголовка без межстрочного интервала и с ним.

<h4>Межстрочный интервал равен 0%</h4> <h4>Межстрочный интервал равен 300%</h4>

<h4>Межстрочный интервал равен 0%</h4>

<h4>Межстрочный интервал равен 300%</h4>

Межстрочный интервал равен 0%

Межстрочный интервал равен 300%

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

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

Желаю вам успехов в оформлении ваших сайтов! До встречи в следующих статьях!

С уважением Юлия Гусарь

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

Браузер не поддерживает видео. Установите Microsoft Silverlight, Adobe Flash Player или Internet Explorer 9.

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

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

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

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

См. также

Добавление и форматирование текста

Создание маркированного или нумерованного списка

Применение стилей

Применение тем

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

Межстрочный интервал в Ворде: как изменить, увеличить, уменьшить

Межстрочный интервал в Ворде 2010 установлен автоматически, расстояние между строками — 1,15 и целых 10 пунктов между абзацами, а в 2003 версии Ворда нет пустых областей между абзацами и всего 1 пт между строчек. Но не для каждой курсовой или дипломной работы такие стандарты будут приемлемы. При оформлении текстов возникает потребность менять межстрочные интервалы. Уменьшить расстояние между строками в Ворде помогут нижеприведённые способы, которые не займут много времени.

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

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

Комбинацией клавиш «Ctrl+А» (использовать английскую раскладку клавиатуры) выделить весь текст;
Во вкладке «Главная» перейти в раздел «Абзац» и выбрать кнопку «Интервал». Как показано на картинке ниже. Представлены все варианты межстрочных расстояний. Остаётся только задать нужный отступ.

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

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

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

Интервал перед и после абзаца

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

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

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

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

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

Осталось задать свои значения в поле «Интервал».

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

Настройка для Ворда 2016

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

Нажать сочетание клавиш Alt+Я, +Ё или +Б. Окно «Абзац» станет действующим и вкладка «Отступы и интервалы» будет активной;
Чтобы отступ появился перед абзацем, нажмите «Alt+Л». Укажите значение в поле «Слева».
Чтобы отступ был после абзаца (СПРАВА), воспользуйтесь комбинацией «Alt+П». Задайте нужное число в поле «Справа».
Закройте диалоговое окно клавишей «TAB». Нажмите на «Ок».

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

Интерлиньяж — Википедия

line-height | htmlbook.ru

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

Версии CSS

Описание

Синтаксис

Значения

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

Браузеры