Штирлиц — Сеть печатных салонов в Перми

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

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

Подчеркнутая текст или пробелы — Служба поддержки Майкрософт

Word для Microsoft 365 Word 2021 Word 2019 Word 2016 Word 2013 Word 2010 Word 2007 Еще…Меньше

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

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

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

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

Пример

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

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

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

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

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

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

текст без подчеркнутой
    org/ItemList»>

  1. Выделите текст, который вы хотите подчеркнуть.

  2. Перейдите на главная > подчеркнутая. Или нажмите CTRL+U.

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

  1. Выделите текст, который вы хотите подчеркнуть.

  2. Перейдите на главная и выберите шрифт диалогового окна .

  3. В списке Шрифт выберите только слова в списке Стиль подчеркнутого.

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

  1. Выделите текст, который вы хотите подчеркнуть.

  2. Перейдите на главная и выберите шрифт диалогового окна .

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

  3. org/ListItem»>

    В списке Стиль подчеркнутого выберите стиль.

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

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

  1. Выделите текст, который вы хотите подчеркнуть.

  2. Перейдите на главная и выберите шрифт диалогового окна .

  3. В списке Стиль подчеркнутого выберите двойное подчеркнутие.

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

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

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

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

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

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

    org/ItemList»>

  1. Перейдите на вкладку Главная > показать или скрыть ¶, чтобы увидеть знаки пробелов и табула.

  2. Вновь нажмите клавишу TAB.

  3. Выберите символы табулись, которые вы хотите подчеркнуть. Символ табулики выглядит как маленькая стрелка.

  4. Выполните одно из следующих действий:

    • org/ListItem»>

      Нажмите CTRL+вы, чтобы применить простой подчеркнутую линию.

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

      Выберите стиль «Подчеркнуть», чтобы выбрать другой стиль.

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

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

  1. org/ListItem»>

    Щелкните или коснитесь того места, где нужно вставить пустую линию.

  2. Перейдите в >таблицу.

  3. Выберите левый верхний квадрат, чтобы вставить таблицу 1×1.

    Если вы хотите добавить вводный текст, например имя или номер социального обеспечения, перед подчеркнутой вставьте таблицу 2×1.

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

  4. org/ListItem»>

    Щелкните таблицу или коснитесь ее (или во второй ячейке таблицы, если вы создали таблицу 2×1).

  5. Появится лента «Средства работы с таблицами». На вкладке Конструктор выберите границы > границы и затенение.

  6. В области Параметрывыберите Нет.

  7. В областиСтиль выберите тип, цвет и ширину линии.

  8. На схеме в области Просмотрщелкните или нажмите между маркерами нижних полей, чтобы добавить нижнюю границу. Убедитесь, что отображается только нижняя линия.

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

    Если для вводимого текста использовалась таблица 2×1, вы можете ввести текст перед строкой.

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

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

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

MsoTextUnderlineType Перечисление (Microsoft.Office.Core) | Microsoft Learn

Twitter LinkedIn Facebook Адрес электронной почты

  • Ссылка

Определение

Пространство имен:
Microsoft. Office.Core
Сборка:
office.dll

Важно!

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

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

public enum class MsoTextUnderlineType
public enum MsoTextUnderlineType
Public Enum MsoTextUnderlineType
Наследование

Enum

MsoTextUnderlineType

Поля

msoNoUnderline0

Не указывает подчеркивание.

msoUnderlineDashHeavyLine8

Задает подчеркивание тире.

msoUnderlineDashLine7

Задает подчеркивание тире.

msoUnderlineDashLongHeavyLine10

Задает длинную линию подчеркивания.

msoUnderlineDashLongLine9

Задает пунктирное подчеркивание длинной линии.

msoUnderlineDotDashHeavyLine12

Задает подчеркивание точечной тире с высокой линией.

msoUnderlineDotDashLine11

Задает подчеркивание точечной тире.

msoUnderlineDotDotDashHeavyLine14

Задает подчеркивание интенсивной линии тире точечной точкой.

msoUnderlineDotDotDashLine13

Задает подчеркивание точечной тире.

msoUnderlineDottedHeavyLine6

Задает пунктирное подчеркивание тяжелой линии.

msoUnderlineDottedLine5

Задает подчеркивание пунктирной линии.

msoUnderlineDoubleLine3

Задает двойную линию подчеркивания.

msoUnderlineHeavyLine4

Задает подчеркнутую линию.

msoUnderlineMixed-2

Задает сочетание типов подчеркивания.

msoUnderlineSingleLine2

Задает подчеркивание одной строки.

msoUnderlineWavyDoubleLine17

Задает волнистый двойный подчеркивание линии.

msoUnderlineWavyHeavyLine16

Задает волнистую линию подчеркивания.

msoUnderlineWavyLine15

Задает подчеркивание волнистой линии.

msoUnderlineWords1

Задает подчеркивающие слова.

Применяется к

css — многострочный пунктирный текст с подчеркиванием

Задавать вопрос

спросил

Изменено 1 месяц назад

Просмотрено 57 тысяч раз

Поскольку подчеркивание текста в CSS допускает только сплошную линию, а ее положение находится прямо в нижней части строк, я использую border-bottom плюс небольшой отступ, чтобы получить пунктирное или пунктирное подчеркивание текста.

 h3{border-bottom:1px с точками #999; заполнение снизу: 5px;}

Теперь проблема в том, что когда текст заголовка (или абзаца, или любого другого элемента) занимает 2 строки или более, пунктирное подчеркивание просто делает то же, что и каждая граница, то есть остается внизу блочного элемента. Если я использую стиль подчеркивания текста, подчеркивание остается с текстом, но подчеркивание текста поддерживает только сплошную линию и, насколько мне известно, без отступов.

Итак, как отобразить многострочный текст с пунктирным или пунктирным подчеркиванием?

Спасибо

 h3 {
  нижняя граница: 1px пунктир #999;
  дисплей: встроенный;
}

Итак, вы получили то, что вам нужно.
Но вы должны иметь в виду, что

тогда (конечно) больше не является блочным элементом. Но вы можете «избежать» этого, поместив

в
.

5

«Немного» поздно, но есть способ с text-decoration-style и text-decoration-line настроить подчеркивание в некоторых браузерах.

 .подчеркивание-пунктир {
  декоративная линия: подчеркивание;
  стиль оформления: пунктирный;
}

Пример:

 .underline-dash {
  строка оформления текста: подчеркивание;
  стиль оформления текста: пунктир;
} 
 Это подчеркнутый пунктиром текст.

2

У меня тоже была похожая проблема, но с тегами . В моем случае это было свойство css float, из-за которого граница отображалась только под последней строкой. Поэтому я заключил теги с тегами и переместил css float:left в . Это устранило проблему, теперь нижняя граница появляется под всеми строками всякий раз, когда длинная ссылка переносится, чтобы соответствовать содержащему div.

Пересмотренный стиль CSS и структура HTML выглядят следующим образом:

 a {граница-нижняя:1px пунктирная красная; }
  span.nav-ссылка { float:left; } 
 Тестовая ссылка

Надеюсь, это кому-нибудь поможет.

Спасибо,

0

 text-decoration: подчеркивание пунктиром;
оформление текста: подчеркивание пунктиром;

2

Зарегистрируйтесь или войдите в систему

Зарегистрируйтесь с помощью Google

Зарегистрироваться через Facebook

Зарегистрируйтесь, используя адрес электронной почты и пароль

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

html — Как сделать пунктирную ссылку при наведении?

спросил

Изменено 3 года, 1 месяц назад

Просмотрено 37 тысяч раз

У меня есть ссылка Мои статьи

и мои css . link-articles { text-decoration: underline; цвет синий; }

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

Как это сделать?

  • html
  • css

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

 .link-статьи
{
    нижняя граница: сплошной синий 1px;
    текстовое оформление: нет;
}
.link-статьи: hover
{
    цвет нижней границы: красный;
}

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

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

Подход без полей:

Как указывает @Pacerier в комментариях, вот альтернативная стратегия с использованием псевдоклассов и содержимого CSS (JSFiddle):

 .link-articles
{
    положение: родственник;
}
.link-статьи[href="#articles"]:после
{
    контент: «Мои статьи»;
}
.link-статьи: после
{
    красный цвет;
    слева: 0;
    положение: абсолютное;
    сверху: 0;
}

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

5

Использовать нижняя граница :

 a:hover.link-articles {нижняя граница: 1 пиксель с красной точкой; украшение текста: нет;}

Посмотреть демонстрацию

Просто выполните:

 a:hover {
  стиль оформления текста: пунктирный
}

https://developer. mozilla.org/en-US/docs/Web/CSS/text-decoration-style

Используйте рамку:

 .link-articles { text-decoration: none; нижняя граница: синяя сплошная 1px; }
.link-articles:hover {граница-нижняя: красная точка 1px; }
 
 .link-articles { text-decoration: none; нижняя граница: 1px пунктирная синяя; }
.link-articles:hover { text-decoration: none; нижняя граница: 1 пиксель с красной точкой; }

0

Попробуйте это:

 .link-articles{ text-decoration: none; нижняя граница: 1px с точками; цвет границы: синий; }
 .link-статьи: hover { цвет границы: красный; }

DEMO

Показывать нижнюю границу при наведении:

 a.link-articles {
    текстовое оформление: нет;
    нижняя граница: 1px пунктирная синяя;
}
a.link-статьи: hover {
    нижняя граница: 1 пиксель с красной точкой;
}

2

Стиль :hover используется для установки стиля, когда пользователь наводит указатель мыши на элемент.

Оставить комментарий

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *