Абзацный отступ | это… Что такое Абзацный отступ?
ТолкованиеПеревод
- Абзацный отступ
АБЗАЦНЫЙ ОТСТУП — пробел в начале первой строки абзаца, наглядно подчеркивающий переход к новому текстовому куску.
А. о. заставляет читателя на мгновение остановиться, вдуматься в очередную порцию прочитанного, осознать, что дальше автор переходит к новой, другой порции, у которой уже несколько иная задача, иной смысл. Таким образом, цель А. о. — сделать членение текста на абзацы наглядным, графически четким.
Именно поэтому такие выдающиеся мастера книжного искусства, как Н. В. Кузьмин у нас и Ян Чихольд на Западе, резко критиковали распространившийся во второй половине нашего века т. н. безабзацный набор, т. е. набор без А. о., когда один абзац отделяется от другого только концевым пробелом в последней строке и поэтому переход от одного абзаца к другому становится малозаметным, а то и вовсе исчезает.
От себя редакция добавляет, что «книжная полоса без абзаца затрудняет чтение, не дает возможности читателю передохнуть без риска потерять строку». Ян Чихольд в статье «Почему в начале абзаца необходим отступ?» (см. его сб. «Облик книги». М., 1980. С. 135—140) осуждает безабзацный набор за то, что он «создает у читателя впечатление непрерывности смысловой связи, в то время как хороший писатель выбирает каждый абзац обдуманно и хочет, чтобы он оставался заметным в тексте». Чихольд считает, что только в одном случае А. о. не нужен — в первом абзаце под заголовком, выключенным в красную строку (посередине).
Набор абзацев без А. о. допустим в акциденции, текстах небольшого объема, где могут быть использованы другие приемы графического разграничения частей текста: пробельные строки, шрифты разного кегля и начертания и т.
д.Наиболее распространенный размер А. о. 1,5 кегельной (круглой). По техн. правилам набора размер А. о. должен быть одинаковым по всему изданию независимо от кегля шрифта ±1 п. (напр., для корпуса 1,5 кегельной, т. е. 15 п., для петита ближайший отступ 2 кегельных, т. е. 16 п.). Менять единый размер приходится только в тех случаях, когда требуется, чтобы начальные буквы абзацев не нарушали вертикаль, а именно когда идущие подряд абзацы нумерованы цифрами с разным числом знаков или обозначены буквами разной ширины либо разным числом звездочек. Во всех этих случаях перед цифрами с бо́льшим числом знаков, перед бо́льшим числом звездочек и перед более широкими буквами размер А. о. делают нормальным, а перед цифрами с меньшим числом знаков, перед меньшим числом звездочек и перед более узкими буквами увеличивают на размер цифры (звездочки) или на размер разницы в ширине букв. Напр.:
Кроме обычного А. о. используется и т. н. обратный (обернутый) А.
о.
д.
о.Издательский словарь-справочник. — М.: ОЛМА-Пресс. Мильчин А.Э.. 2003.
Особенности набора Абзацный отступ
Абзацем называют период речи, состоящий из одного или нескольких предложений, связанных между собой по смыслу. В письменном или печатном тексте для выделения абзаца его набирают с новой строки и заканчивают, как правило, неполной строкой. Причем, обычно первую строку абзаца набирают с отступом. В типографской и издательской практике этот отступ не совсем верно называют “абзацем”.
В текстовом наборе абзацные отступы должны быть строго одинаковыми (с точностью до 1 п.) во всем издании, независимо от кегля набора отдельных частей текста.
Равенство
абзацных отступов может быть нарушено
лишь в тех случаях, когда по другим
техническим правилам требуется выровнять
начало текстовых строк, например, в
перечислениях с числами размер абзацного
отступа сохраняется у наибольшего
числа, а у чисел, состоящих из меньшего
количества цифр, отступ увеличивается.
Это же правило сохраняется при наборе
сносок со звездочками. Но это отступление
должно быть ограничено в пределах одной
полосы.
Концевая строка
Концевой строкой называют последнюю строку абзаца. В типографской практике концевыми называют также строки, после которых следуют примеры, формула и т. п., набранные с новой строки. Чаще всего концевые строки бывают неполными, т. е. текст в них не занимает полного формата и выключается влево. Однако отдельные концевые строки могут быть и полностью заняты текстом.
Текст концевой строки должен быть в 1,5-2 раза больше размера абзацного отступа, т.е. содержать не менее 5-7 букв. Если этого не получается, необходимо вогнать остаток текста в предыдущие строки или выгнать из них часть текста. Это правило не относится к концевым строкам в математических рассуждениях, когда текст может быть совсем коротким, например “и”, “или” и т. п.
Не
рекомендуется строку, предшествующую
концевой, заканчивать переносом; концевая
строка, как правило, должна начинаться
полным словом.
Неполная концевая строка должна быть меньше заданного формата, хотя бы на кегельную шрифта, в противном случае концевую строку следует сделать полной. Если текст в издании набирается без абзацных отступов, то все концевые строки обязательно должны быть неполными.
Нельзя набирать в концевых строках только сокращения (“и т. д.”) или только цифры с сокращенными обозначениями.
Набор окончания текстовых строк
При
наборе запрещено оставлять в конце
текстовых строк предлоги и союзы из
одной-трех букв, если они начинают
предложение (неверно “…В
|| некотором…”, “…При || помощи…”),
не следует также оставлять в конце
строки однобуквенные предлоги и союзы,
находящиеся внутри предложения (неверно
“…и
|| после этого…”, “…с || нового…”).
Не допускается набор в разных строках
инициалов (неверно “…А.
|| С. Пушкин…”),
инициалов и фамилий (неверно “…Н.
В. || Гоголь…”),
хотя перенос фамилии разрешен (можно
“И.
С. Тур- || генев…”),
сокращений и фамилий (нельзя “…проф.
|| Павлов…”),
цифр и относящихся к ним сокращений или
знаков (нельзя “25
|| %”, “…250 || кВт”
Как делать отступы для текста, абзацев, списков и многого другого в CSS
- Блог Hubspot
- HubSpot.com
Загрузка
О нет! Мы не смогли найти ничего подобного.
Попробуйте еще раз поискать, и мы постараемся.
Анна Фицджеральд
Обновлено:
Опубликовано:
Существуют различные способы сделать веб-страницу более удобной для чтения, просмотра и усвоения. Добавление изображений — отличный способ. Буквица также может работать.
Отступ — это еще один метод форматирования, который может помочь организовать и представить содержимое на странице. Хотя абзацы, списки и маркеры используются гораздо чаще в печатных изданиях, они могут быть предназначены для разделения содержимого веб-страниц и улучшения их читабельности.
В этом посте мы рассмотрим, как можно создавать отступы для различных элементов с помощью небольшого количества кода. Мы рассмотрим:
- Свойство CSS text-indent
- как сделать отступ текста
- как сделать отступ абзаца
- как сделать отступ абзаца кроме первого
- как делать отступы в списках
- как делать отступы в пунктах
- почему свойство text-indent может не работать
Отступ текста CSS
Свойство CSS text-indent устанавливает отступ первой строки в текстовом блоке.
Он может быть определен положительными или отрицательными значениями. Если значение положительное, первая строка будет сдвинута вправо. Если значение отрицательное, первая строка будет располагаться слева.
Чтобы установить свойство text-indent в CSS, вы можете использовать значения длины или проценты. Значения длины, такие как px, pt и em, определяют фиксированную длину пустого пространства. Проценты будут определять отступ в процентах от ширины родительского элемента.
Давайте посмотрим, как использовать это свойство CSS для отступа текста, абзацев, списков и многого другого.
Как сделать отступ текста в CSS
Свойство CSS text-indent можно использовать для отступа текста в любом блочном контейнере, включая элементы div, заголовки, отступы, статьи, цитаты и элементы списка.
Допустим, вы хотите сместить все элементы div, содержащие текст на странице, вправо на 50 пикселей. Затем, используя div селектора типа CSS, установите для свойства text-indent значение 50px.
Вот результат:
См. Pen Кристины Перриконе (@hubspot) на CodePen.
Как сделать отступ абзаца в CSS
Вы можете использовать свойство CSS text-indent для отступа абзаца, используя те же действия, что и выше.
Просто используйте селектор типа CSS p и установите для свойства text-indent нужное значение. В приведенном ниже примере давайте используем процент. По умолчанию будет отступ только для первой строки.
См. статью «Как сделать отступ абзаца в CSS» Кристины Перриконе (@hubspot) на CodePen.
Как пропустить отступ в первом абзаце
Согласно Чикагскому руководству по стилю, вы можете либо сделать отступ в первой строке текста после подзаголовка, либо оставить ее на одном уровне с левым краем.
Если вы хотите оставить первый абзац, следующий за подзаголовком, слева, но сделать отступ в каждом последующем абзаце, то вы можете использовать соседний родственный комбинатор: p + p. Затем установите для свойства text-indent желаемое значение. Вот результат:
См. Pen от Кристины Перриконе (@hubspot) на CodePen.
Как сделать отступ в списке в CSS
Элемент упорядоченного списка (
- ) по умолчанию будет иметь отступ для элементов списка. Если вы хотите изменить расстояние отступа, вы можете использовать CSS. В этом случае вы не будете использовать свойство text-indent. Вместо этого вы будете использовать свойство margin-left или padding-left.
-
Как вложить селекторы CSS для более чистого кода
20 февраля 2023 г.
CSS-переменные: что это такое и как они работают
16 февраля 2023 г.
Введение в свойство отображения CSS
02 февраля 2023 г.
Кнопки Bootstrap: объяснение классов и стилей
02 февраля 2023 г.
Как импортировать Bootstrap в React [Руководство для начинающих]
01 февраля 2023 г.
Преобразование CSS: как использовать его на своем веб-сайте
30 января 2023 г.
Как добавить Bootstrap в ваши проекты Angular
25 января 2023 г.
Как сделать отступ абзаца в Гутенберге
Как сделать отступ абзаца в классическом редакторе
Как сделать отступ абзаца с помощью тегов HTML
Как сделать отступ для одной строки
Допустим, вы хотите сдвинуть элементы списка дальше вправо, чтобы они выглядели выровненными по правому краю подзаголовка. Затем вы можете установить для свойства padding-left значение 20em.
Вот результат по сравнению со списком со стандартным отступом:
См. Pen Кристины Перриконе (@hubspot) на CodePen.
Как делать отступы для маркеров в CSS
Подобно элементу упорядоченного списка, элемент неупорядоченного списка (
- ) по умолчанию будет смещать элементы списка — или маркеры. Если вы хотите изменить расстояние отступа, вы можете использовать свойство margin-left или padding-left.
Предположим, вы хотите сдвинуть маркеры дальше влево, а не вправо. Затем вы можете использовать свойство margin-left и установить для него отрицательное значение. Вот результат по сравнению с маркерами с отступом по умолчанию:
См. Pen Кристины Перриконе (@hubspot) на CodePen.
Text-indent не работает
Вы можете столкнуться с некоторыми проблемами при попытке применить свойство text-indent к элементам HTML.
Наиболее распространенная проблема возникает, если вы пытаетесь применить это свойство к встроенным элементам, а не к элементам блочного уровня. Например, если вы попытаетесь сделать отступ для элемента span, это свойство не будет работать. Но это сработает, если вы примените свойство к элементу абзаца или другому блочному элементу. Вот пример:
См. «Отступ текста пера не работает» Кристины Перриконе (@hubspot) на CodePen.
Отступы в CSS
Темы: Начальная загрузка и CSS
Не забудьте поделиться этим постом!
Связанные статьи
hubspot.com/website/css-border»>Как создавать и стилизовать границы в CSS
23 февраля 2023 г.
com/website/bootstrap-image-classes»>Классы изображений Bootstrap: что это такое и как они работают?
20 февраля 2023 г.
hubspot.com/website/what-is-a-favicon»>Что, почему и как сделать фавикон для вашего сайта
08 февраля 2023 г.
Как делать отступы в абзацах в WordPress
WordPress гордится тем, что он удобен для пользователя, и на то есть веская причина: его возможности практически неисчислимы, его интерфейс интуитивно понятен и прост для понимания даже пользователями без серьезного технического образования. Однако есть несколько эффектов, для достижения которых могут потребоваться небольшие усилия, в зависимости от используемого вами редактора.
Одному из них отступ абзаца для редактора блоков Gutenberg , и, хотя он часто запрашивается, по умолчанию не является функцией блока абзаца. Это не означает, что на сайтах WordPress, созданных с помощью Гутенберга, не может быть абзацев с отступом: это просто вопрос понимания возможностей Гутенберга. К счастью, у вас есть мы, чтобы помочь вам в этом.
Классический редактор, с другой стороны, упрощает для пользователя изменение отступа абзаца в дополнение к другим функциям, которые вы можете использовать в своих интересах (и ограничениям, которые можно легко преодолеть). Обо всем этом мы также расскажем в этой статье.
В зависимости от стиля и макета вашего веб-сайта отступ абзаца может повысить удобство чтения, укоротить строки и обеспечить эстетическую ценность. Вы также можете использовать отступ, чтобы выделить определенные абзацы, возможно, в качестве альтернативы изменению размера шрифта или цвета текста, как в примере ниже.
Этот явно упущенный фрагмент форматирования текста — именно то, о чем мы хотим поговорить в этом уроке.
Мы покажем вам, как сделать отступ абзаца в WordPress несколькими способами:
Как сделать отступ абзаца в Гутенберге
Немного удивительно, что блок абзаца Гутенберга не имеет функции отступа по умолчанию. Однако есть обходной путь, который состоит в том, чтобы не использовать блок абзаца для текста: блок, который вам нужен, — это классический блок.
Чтобы добавить классический блок в запись WordPress, нажмите значок плюс и найдите классический блок в меню.
Мы заполнили блок текстом-заполнителем — Lorem Ipsum. Вот как это выглядит в предварительном просмотре:
Теперь в классическом блоке над текстом есть элементы управления форматированием текста.
Для увеличения и уменьшения отступа используйте кнопки увеличения/уменьшения отступа в нижнем ряду панели инструментов. Мы увеличили отступ в два раза.
А вот так ваш текст будет вести себя в посте.
Теперь классический блок ведет себя немного иначе, чем блок абзаца: сочетание клавиш Enter не создает новый блок. Он просто добавит новую строку в ваш текст. Таким образом, вы можете отформатировать длинный текст как один классический блок Gutenberg с тем же отступом.
Темы Qode: Лучшие темы
View Collection
Bridge
Креативная многоцелевая тема WordPress
Стокгольм
Действительно мультиконцептуальная тема
Startit
Свежая бизнес-тема Startup
Как сделать отступ абзаца в классическом редакторе
Классический редактор, к счастью, имеет встроенную опцию отступа для абзаца. Классический блок Гутенберга, по сути, имитирует классический редактор.
Вы можете найти элементы управления отступом на панели инструментов над текстом.
Вот как выглядит текст после трехкратного увеличения отступа.
И вот как ваш пост будет выглядеть для ваших посетителей: точно так же, как с классическим блоком Гутенберга.
Как сделать отступ абзаца с помощью тегов HTML
Использование команды увеличения отступа приведет к увеличению отступа абзаца на заданный шаг. Вы можете сделать то же самое с тегами HTML в текстовом режиме классического редактора, но вы также можете сделать больше: вы можете сделать отступ абзаца на любое количество пикселей, которое вы хотите.
Начнем с трех абзацев в текстовом режиме. Функция оформления абзаца, которую вы хотите, это padding-left функция. Чтобы установить отступ для абзаца, вам нужно предварить текст этим HTML-тегом:
И этот каскадный эффект будет хорошо виден в вашем тексте.
Теперь вы также можете отформатировать классический блок Гутенберга таким же образом. Просто войдите в настройки блока (···) и выберите Изменить как HTML .
Теперь вы можете добавить параметр стиля к тегу абзаца. Мы выбрали отступ в 60 пикселей ( style=»padding-left: 60px;» ).
Теперь ваш абзац будет иметь заданный вами отступ.
Как сделать отступ для одной строки
Но что, если вы хотите сделать отступ для первой строки абзаца, а не для всего абзаца? Это тоже можно сделать, но для этого нужно немного повозиться с CSS вашей темы.
Для этого вам нужно перейти к настройщику темы WordPress. Вы найдете его, выбрав Внешний вид > Настроить на панели управления WordPress.
Затем вам нужно будет добавить Дополнительный CSS .
Чтобы сделать отступ в первой строке всех абзацев, скажем, на 40 пикселей, добавьте следующий код в пользовательский CSS вашей темы:
article p {
отступ текста: 40px;
} Нажмите Опубликовать , чтобы применить изменения.