Точечное подчёркивание текста

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

Оформление текста
1 Выберите оформление
Результат обновляется при вводе.
Точечный
Код для сайта HTML / CSS

Для HTML-редактора страницы. Линию рисует браузер, буквы остаются обычными.

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

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

  1. Введите текст. Можно начать с примера и заменить его своими словами.
  2. Выберите линию. Переключайте стили: исходный текст сохранится.
  3. Скопируйте результат. Вставьте его в нужное поле и проверьте отображение.

Как сделать это в приложениях и на сайте

Линия из точек в CSS

Свойство text-decoration-style: dotted задаёт точечный рисунок линии. Вместе с underline оно создаёт подчёркивание. Откройте блок с кодом, чтобы получить готовую разметку для вашей фразы.

text-decoration: underline dotted;

Точечная линия в Word

Выделите слова и откройте настройки шрифта. В списке видов подчёркивания выберите линию из точек. Для документа этот способ позволяет сохранить привычный поиск и редактирование текста.

Вопросы и ответы

Чем точечное подчёркивание отличается от пунктирного?

Точечное состоит из отдельных точек, пунктирное - из коротких штрихов. В CSS им соответствуют dotted и dashed. В генераторе оба варианта доступны отдельно.

Почему под пробелами нет точек?

По умолчанию инструмент оформляет только видимые символы. Включите «Оформлять пробелы», чтобы добавить знаки и к обычным пробелам. Переносы строк и табуляция сохранятся.

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