Как разделить текст горизонтальной чертой

Вставка горизонтальной линии

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

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

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

Если вы хотите нарисовать линию в целях иллюстрации, см. раздел Рисование линии в Word или Outlook.

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

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

Таблица строк, введющих определенные символы 3 раза

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

Отформатируйте горизонтальную линию после ее создания

Описанный выше ярлык создает пустой абзац с нижней границей. Вы можете изменить внешний вид этой линии границы с помощью параметров Границы :

В Wordна вкладке Главная на ленте щелкните стрелку вниз рядом с Границы. В Outlookна вкладке Формат текста на ленте щелкните стрелку вниз рядом с Границы.
В нижней части меню выберите Границы и заливка.
В диалоговом окне можно изменить стиль линии (сплошная, пунктирная, волнистая, двойная и т. д.), цвет или ширину по своему выбору.
Завершив форматирование строки, нажмите кнопку ОК. Затем на ленте нажмите кнопку Границы , чтобы применить изменения.

Word: отключение функции автоматической строки

Чтобы предотвратить автоматическую вставку горизонтальной линии в Word или Outlook при вводе трех сочетаний символов, сделайте следующее:

На ленте выберите Файл >Параметры.
В диалоговом окне выберите Параметры автозамены >правописания >Автоформат при вводе.
Снимите флажок Пограничные линии .
Выберите OK.

Outlook: отключение функции автоматической строки

На ленте выберите Файл >Параметры.
В диалоговом окне перейдите на вкладку Почта , а затем выберите Параметры редактора.
На вкладке Правописания выберите Параметры автозамены >Автоформат при вводе.
В разделе Применить по мере ввода снимите флажок Линии границы .
Выберите OK.

HTML линия горизонтальная и вертикальная

Данный урок научит вас создавать горизонтальные и вертикальные линии.

Горизонтальная HTML линия определяется непарным тегом

.
HTML линия может быть не только горизонтальной, но и вертикальной.
Вертикальная линия в HTML может являться стороной блока или ячейки таблицы.
Линия в HTML бывает любого размера и цвета, имеет или не имеет объемность.

HTML горизонтальная линия и пример ее построения:

Горизонтальная линия в HTML

Атрибуты и значения

align=»» – выравнивает линию справа или слева.
width=»50%» – ширина в пикселях или процентах.
size=»» – задает толщину горизонтальной линии.
color=»#00ff00″ – устанавливает цвет линии.

HTML линия может быть разной:

HTML line

Вертикальная HTML линия и способы ее построения

Вертикальная линия в HTML отображается как сторона блока или таблицы.

Пример построения вертикальной линии:

Вертикальная HTML линия

Пример вертикальной линии красного цвета слева.

В данном случае вертикальная HTML линия является стороной отформатированного блока.

Обычный блок с помощью стилевых описаний видоизменен до неузнаваемости. Хотите научиться так манипулировать элементами страницы – учите CSS, а что касается конкретно этого кода, то следует обратить внимание на стилевой атрибут border-left и его значения.

Автор проекта — Вася Митин | Дата публикации: Октябрь 2009 | Обновление: Ноябрь 2018

HTML блоки и параграфы HTML линии Фон HTML страницы

Тег

HTML горизонтальная линия — разделитель

Тег

используется в HTML для вывода горизонтальной линии — разделителя.

Построенная с помощью тега

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

Синтаксис

текст

текст

Отображение в браузере

Некий текст на странице.

Текст, который по смыслу отделен от текста выше.

Пример использования

в HTML коде


 
 
Горизонтальная линия в HTML 
 
Некий текст на странице.





 
 
Текст, который по смыслу отделен от текста выше.

Поддержка браузерами

Тег
	Да	Да	Да	Да	Да

Атрибуты

В HTML5 у тега

нет атрибутов. Используйте CSS вместо них.

Устаревшие атрибуты

Устанавливает толщину линии.

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

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

С помощью тега

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

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

По умолчанию линия

отображается серого цвета и с эффектом объема. Такой вид линии не всегда подходит к дизайну сайта, поэтому понятно желание разработчиков изменить цвет и другие параметры линии через стили. Однако браузеры неоднозначно подходят к этому вопросу, из-за чего придется использовать сразу несколько стилевых свойств. В частности, старые версии браузера Internet Explorer для цвета линии применяют свойство color , а остальные браузеры — background-color . Но это еще не все, при этом обязательно следует указать толщину линии (свойство height ) отличной от нуля и убрать рамку вокруг линии, задавая значение none у свойства border . Собирая все свойства воедино для селектора hr , получим универсальное решение для популярных браузеров (пример 1).

Пример 1. Горизонтальная линия

HTML5 CSS 2.1 IE Cr Op Sa Fx

    Цвет горизонтальной линии    
Текстовоя строка

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

Цветная горизонтальная линия

Рис. 1. Цветная горизонтальная линия

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.