Как сделать пунктирное подчеркивание

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

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

Решение

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

Для создания линии следует использовать свойство border-bottom со значением dashed , добавляя его к селектору A . Чтобы подчеркивание применялось не ко всем ссылкам, следует указать уникальный класс, назовем его, например dot . Также необходимо убрать исходное подчёркивание у ссылок с помощью свойства text-decoration со значением none (пример 1).

Пример 1. Пунктирное подчеркивание

HTML5 CSS 2.1 IE Cr Op Sa Fx

       
Обычная ссылка на другую страницу.
 
  

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

Рис. 1. Вид обычной ссылки и ссылки с пунктирным подчеркиванием

Толщина линии и цвет подчеркивания у ссылок также задаются через свойство border-bottom .

Подчеркнутая текст или пробелы

Самый быстрый способ подчеркнуть текст — нажать CTRL+вы и начать вводить текст. Если вы хотите прекратить подчеркивается, еще раз нажмите CTRL+U.

Вы также можете подчеркнуть текст и пробелы несколькими другими способами.

Что вы хотите сделать?

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

_{текст без подчеркнутой}

1. Выделите текст, который вы хотите подчеркнуть.
2. Перейдите на главная >подчеркнутая. Или нажмите CTRL+U.

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

1. Выделите текст, который вы хотите подчеркнуть.
2. Перейдите на главная и выберите шрифт диалогового окна .
3. В списке Шрифт выберите только слова в списке Стиль подчеркнутого.

Изменение стиля и цвета подчеркивания

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

Совет: Вы также можете использовать сочетания клавиш CTRL+D.

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

Двойное подчеркнутие

1. Выделите текст, который вы хотите подчеркнуть.
2. Перейдите на главная и выберите шрифт диалогового окна .
3. В списке Стиль подчеркнутого выберите двойное подчеркнутие.

Подчеркнуть пустые пробелы

Вы можете подчеркнуть пустые пробелы, нажав shift+дефис (-), но выровнять их сложно ( например, если вы создаете форму заполнения). Кроме того, если включен параметр Автоформат для замены символов подчеркиваения на границы, то при нажатии shift+дефис (-) три или более раз подряд строка расширяет ширину абзаца, что может оказаться не совсем нужным.

Чтобы подчеркнуть пробелы в печатном документе, лучше всего использовать клавишу TAB и применить форматирование к символам табуры.

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

Подчеркнутая пустое пространство для печатного документа

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

1. Перейдите на вкладку Главная > показать или скрыть ¶, чтобы увидеть знаки пробелов и табула.
2. Вновь нажмите клавишу TAB.
3. Выберите символы табулись, которые вы хотите подчеркнуть. Символ табулики выглядит как маленькая стрелка.
4. Выполните одно из следующих действий:
   • Нажмите CTRL+вы, чтобы применить простой подчеркнутую линию.
   • Чтобы применить другой стиль подчеркнутого текста, перейдите на главная и выберите шрифт диалогового окна . Выберите стиль «Подчеркнуть», чтобы выбрать другой стиль.

Подчеркнутая пустое пространство для документа в Интернете

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

1. Щелкните или коснитесь того места, где нужно вставить пустую линию.
2. Перейдите в >таблицу.
3. Выберите левый верхний квадрат, чтобы вставить таблицу 1×1. Если вы хотите добавить вводный текст, например имя или номер социального обеспечения, перед подчеркнутой вставьте таблицу 2×1. Чтобы изменить длину линии, наберем указатель на конец таблицы, пока он не станет указателем изменения , а затем переместим стрелку вправо или влево, чтобы удлинить или сократить линию.
4. Щелкните таблицу или коснитесь ее (или во второй ячейке таблицы, если вы создали таблицу 2×1).
5. Появится лента «Средства работы с таблицами». На вкладке Конструктор выберите границы >границы и затенение.
6. В области Параметрывыберите Нет.
7. В областиСтиль выберите тип, цвет и ширину линии.
8. На схеме в области Просмотрщелкните или нажмите между маркерами нижних полей, чтобы добавить нижнюю границу. Убедитесь, что отображается только нижняя линия.

Примечание: Если вы предпочитаете просматривать таблицу без светло-серых линий сетки, которые не печатаются, выберите таблицу, перейдите в макет рядом с вкладкой Конструктор таблиц и выберите Вид сетки.

Удаление подчеркивается

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

Чтобы удалить другие стили, дважды нажмите CTRL+U.

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

Пунктирное подчеркивание в тексте используется для обозначения нового термина или аббревиатуры. Специально предназначенные для этой цели теги и добавляют к тексту всплывающую подсказку и устанавливают пунктирное подчеркивание. Но поскольку такое поведение не стандартизировано, то некоторые браузеры добавляют подчеркивание, а некоторые нет. Чтобы все выглядело одинаково, лучше воспользоваться стилями, создав подчеркивание с помощью свойства border-bottom , как показано в примере 1.

Пример 1. Пунктирное подчеркивание

HTML5 CSS 2.1 IE Cr Op Sa Fx

       
Веб-дизайн — методы и приемы оформления вида веб-страниц.
  

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

Рис.1. Пунктирное подчечеркивание текста красным цветом

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

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

Я называю такие ссылки «недоссылками», а Артём говорит «дыдыдышка» (изображает прерывистость линии словом dash).

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

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

Остальные варианты на этой картинке не годятся.

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

И саму линию надо делать тоньше. Но всё же толще, чем для сплошного подчёркивания, чтобы оно не потерялось. В моём хорошем примере линия полупиксельная. Если сделать четвертьпиксельную — уже плохо видно. А сплошному подчёркиванию вполне бы хватило.

Опытным путём установлено, что идеальный паттерн — это чередование трёхпиксельных штрихов и двухпиксельных пробелов (это как раз то, около чего галочка):

Непунктирные ссылки по теме:

• как понять «тоньше пикселя»,
• почему надо делать тонкое подчёркивание,
• почему тонкое подчёркивание лучше делать через бордер,
• как делать пунктирное и тонкое подчёркивание в Фотошопе (видео);
• галочки для шрифтов.