Mini-ats102.ru

ООО “Мультилайн”
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Как в офисе

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

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

К счастью, в редакторе Word есть немало способов, как это можно реализовать. В данной статье мы рассмотрим 4 таких способа. Материал будет актуален для всех современных версий Microsoft Word, включая Word 2007, 2010, 2013 и 2016.

Самый простой способ сделать подчеркивание без текста — это вставить несколько пробелов или знаков табуляции, а потом подчеркнуть их.

Если такой способ вам подходит, то установите курсор там, где должно находится подчеркивание и вставьте несколько пробелов с помощью клавиш ПРОБЕЛ или TAB на клавиатуре.

клавиши ПРОБЕЛ или TAB на клавиатуре

После этого выделите пробелы мышкой и нажмите на кнопку с буквой «Ч» на панели инструментов Word. Также подчеркивание текста можно включить с помощью комбинации клавиш SHIFT-U.

комбинация клавиш SHIFT-U

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

кнопка с буквой Ч

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

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

Если этих стилей недостаточно, то можно выбрать «Другие подчеркивания».

окно Шрифт

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

Посредством клавиатурного набора

Сочетание зажатой клавиши «Shift» и клавиши «-» на верхнем цифровом ряду позволит ввести символ нижнего подчеркивания «_». Определённое количество символов позволит создать длинную линию подчеркивания. При печати документа этот способ является актуальным, поскольку в пустую строку с подчеркиванием можно вписывать необходимую информацию.

Читайте так же:
Зачем нужен ssd накопитель в ноутбуке

Черта в ворде над которой можно писать текст

Линия подчеркивания без возможности набора текста поверх нее

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

Символ подчеркивания

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

комбинация клавиш SHIFT и дефиз

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

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

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

Чтобы убрать любое подчеркивание, достаточно выделить его левой кнопочкой мышки, после чего нажать правую кнопку и в отобразившемся окне выбрать строку «Вырезать». Также можно просто нажать клавишу удалить.

Как сделать подчеркивание в файле Ворд без текста

Важно! Представленная инструкция подходит для различных версий текстового редактора Майкрософт ворд.

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

Поделись с друзьями!

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

Подчеркнуть текст сверху в Word сделать не так просто, как нижнее. Есть несколько вариантов, но все не простые:

  1. Верхнее подчеркивание через таблицу. Через вкладку Вставка => Таблица, создается одна ячейка, в ней пишется текст. Ячейку нужно сначала сделать без границ, а затем применить функцию «Верхняя граница»

верхнее подчеркивание вставка ячейки

верхнее подчеркивание через таблицу

  1. Верхнее подчеркивание через рисование фигуры. Через вкладку Вставка => Фигуры, затем выбираем линию. Над необходимым текстом рисуем линию, можно используйте shift, чтобы нарисовать прямую линию. Так же можно этой фигуре задавать необходимые стили (например, сделать лини черной и более жирной.

верхнее подчеркивание через фигуру

верхнее подчеркивание через фигуру с нужными стилями

  1. Через формулы. Для этоно необходимо перейти на вкладку Вставка => Управление (кнопка находится в правой крайнем углу). После нажатия кнопка, вставляется область для формулы.
Читайте так же:
Замена кулера на ноутбуке hp pavilion g7

Вставка формулы

Вас должно перебросить во вкладку конструктора. Там нужно нажать на кнопку «Диакритичические знаки», и там уже выбрать «черта».

верхнее подчеркивание вставка черты

После выходит знак черточки с кубиком, и в этом кубике пишем текст.

верхнее подчеркивание через уравнение

Возможно, что есть еще какие-то изощренные методы верхнего подчеркивания слова. Но эти 3 самые основные. Самый простой и быстрый метод – это вставка через рисование фигуры, но более правильным и гармонично вписывающий метод – это через вставку формулы.

Применение

В интернете . Используется в адресах интернет-ресурсов: имя любого сайта начинается с «http://» или «https://». В зависимости от вложенности страницы слешей будет больше (http://site.ru/category/category2/. ), так как знак / является разделителем в адресе.

В русском языке . Заменяет предлоги «и», «или», а также обозначает единое сложное понятие, например: проблема конструктивных/деструктивных конфликтов, с целью покупки/продажи. Еще данный символ применяется при обозначениях каких-либо величин и их соотношений, как в полной, так и сокращенной формах, например: доллар/рубль, центнер/гектар, килограмм/метр.

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

Используется в этом значении в основном в компьютерных программах, например, в Excel.

Использование слэша в вычислениях

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

Где используют бэкслеш

В математике . Означает разность множеств. Например, AB на языке математики значит множество элементов, которые не входят в В, но входят в А.

Разность множеств

В системе Windows . Употребляется при разделении каталогов, именно поэтому такой символ нельзя использовать в названиях файлов.

Например, путь в системе D:Фото2020Прогулка означает, что нужно открыть папку «Прогулка», которая находится в папке «2020», а та, в свою очередь, в «Фото» на диске D.

Подчеркивание в CSS (красивые эффекты с примерами кода)

Подпишись на наш телеграм-канал TechRocks WEB-разработка?

Перевод статьи «CSS Underline: 20+ Examples».

При создании ссылок или анимаций для кнопок меню у вас может возникнуть необходимость использовать подчеркивание. Из этой статьи вы узнаете о нескольких способах создать эффект подчеркивания с использованием CSS-свойств text-decoration , border-bottom , background-image , box-shadow , а также при помощи SVG.

Читайте так же:
Лучшие внешние звуковые карты для компьютера

CSS-свойство text-decoration

Свойство text-decoration — самый простой способ подчеркнуть текст. Но этому способу не хватает настраиваемости, и это проблема. Более продвинутые в этом смысле способы подчеркивания мы рассмотрим чуть дальше по тексту.

Давайте посмотрим, как при помощи text-decoration можно сделать простое подчеркивание.

Свойство text-decoration — это сокращенный вариант записи трех других свойств:

  • text-decoration-line (указывается обязательно): определяет, где должна проходить линия подчеркивания. Возможные значения — overline (над текстом), underline (под текстом), underline overline (и над текстом, и под ним), line-through (перечеркивание текста).
  • text-decoration-style : определяет стиль линии. Возможные значения — solid (простая прямая линия), dotted (линия из точек), dashed (пунктирная линия), wavy (волнистая линия), double (двойная линия).
  • text-decoration-color : определяет цвет линии. Указываться может по-разному, например, #ccc, blue, currentColor.

Вот несколько примеров:

Чтобы убрать подчеркивание, нужно просто указать text-decoration: none .

Если вы хотите добавить подчеркивание, которое будет появляться только при наведении курсора, используйте следующие CSS-правила:

Альтернативой свойству text-decoration может послужить свойство border-bottom . С его помощью вы также можете задать внутренний отступ (padding) и отодвинуть линию подчеркивания от текста. В следующем примере первая ссылка создана при помощи свойства text-decoration , а вторая — при помощи border-bottom :

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

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

При помощи свойства background: linear-gradient и других свойств фона можно создать градиентное подчеркивание. Вот пример:

Почитать больше о градиентах можно в статье «CSS Gradients: 8 Examples of Usage».

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

CSS позволяет делать подчеркивание любой ширины и высоты. Оно может быть и короче слова или ссылки. Например, если вам нужно создать короткое подчеркивание, чтобы выделить начало предложения или заголовок, можно использовать псевдоэлемент ::after со свойством border-bottom .

Вы также можете установить толщину линии, например 2 px (в примере — border-bottom: 2px solid #f9dd94; ).

Подчеркивание «маркером»

При помощи свойства transform можно сделать короткое подчеркивание скошенной линией.

Читайте так же:
Звуки на включение и выключение компьютера

Также можно сделать подчеркивание «маркером» длинного куска текста. Пример, на который меня вдохновил Codepen.io/Ash:

Правила, касающиеся этого подчеркивания:

Подчеркивание заголовка

Чтобы подчеркнуть заголовок, можно использовать свойство text-decoration: underline;, но при помощи свойства border-bottom можно сделать красивее. Правда, в последнем случае вам нужно добавить display: inline; , чтобы подчеркивание не было длиннее самого слова.

Многострочное подчеркивание

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

В приведенных ниже примерах использовано свойство background-image , поскольку оно позволяет захватить несколько строк. И хотя вы можете использовать настоящие изображения, в нашем случае это просто линия. Мы используем линейный градиент, чтобы генерировать изображение.

background-repeat: repeat-x; делает подчеркивание горизонтальным.

Если изменять второе значение в background-position: 0 100%; , можно регулировать, насколько далеко от верха должно быть подчеркивание.

Также можно менять второе значение в background-size: 100% 3px; , чтобы подобрать нужную высоту подчеркивания.

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

  1. Для начала нужно удалить дефолтное значение text-decoration .
  2. Использование background-image позволяет охватить несколько строк. Поскольку мы хотим, чтобы подчеркивание было того же цвета, что и ссылка, мы используем currentColor и для начала, и для конца градиента. currentColor велит браузеру использовать цвет элемента из основного свойства цвета.
  3. При помощи background-position мы задаем позицию изображения в нижнем левом углу. В нашем примере 0% означает горизонтальное позиционирование, а 100% — вертикальное. Также мы отключаем background-repeat , чтобы предотвратить создание нескольких экземпляров изображения. Эти два свойства можно записывать при помощи короткого формата записи ( background: no-repeat 0 100%; ).
  4. При помощи background-size мы указываем нулевую ширину и высоту в 2 px. Нулевая ширина означает, что подчеркивание будет видимым только при наведении.
  5. Устанавливаем для свойства transition значение background-size и скорость изменения 0,3 секунды.
  6. При наведении курсора на ссылку мы меняем ширину изображения на 100%. Таким образом текст становится полностью подчеркнутым, а кроме того создается анимация.
Читайте так же:
Мигает камера на ноутбуке

Использование изображений в качестве подчеркивания в CSS

Для стилизации подчеркивания в CSS также можно использовать изображения (в формате SVG или PNG). Ниже приведены примеры (на основе CodePen автор John D. Jameson).

Анимированное подчеркивание при наведении

Давайте теперь создадим анимированное подчеркивание для кнопок меню. Нам понадобится следующая разметка:

Вот общие стили для четырех примеров (специфические стили будут приведены ниже):

Мы удаляем стандартное значение text-decoration и добавляем границу (border) при помощи псевдоэлементов CSS. Используя свойство CSS transition , мы анимируем этот border.

Анимированное подчеркивание при наведении № 1

Анимированное подчеркивание при наведении № 2

Анимированное подчеркивание при наведении № 3

Анимированное подчеркивание при наведении № 4

Анимированное подчеркивание, созданное при помощи свойства box-shadow

Подчеркивание также можно создать при помощи свойства box-shadow , которое добавляет тень к HTML-элементу. При наведении тень может увеличиваться. Посмотрите на пример:

Здесь мы добавили к элементу <a> две тени:

  • inset меняет тень с внешней (outset) на внутреннюю
  • 0 -30px 0 rgba(50,85,127,0.5) : 0 — это смещение по горизонтали, -30px — смещение по вертикали, 0 — радиус размытия, а rgba(50,85,127,0.5) — полупрозрачная голубая тень.
  • 0 2px 0 rgba(50,85,127,0.5) : 0 — смещение по горизонтали, 2px — смещение по вертикали, 0 — радиус размытия.

Почитать больше о тенях можно здесь.

Подчеркивание «от руки», анимированное при наведении

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

Подобные эффекты мы создадим при помощи масштабируемой векторной графики (SVG). У нас будет HTML-элемент для SVG и блок для текста со ссылками (выбирайте или .ink-svgline , или .link-svgmarker ).

Заменяем комментарий «Invisible SVG block» («Невидимый SVG-блок») на следующий код:

Вот правила CSS, позволяющие спрятать этот элемент:

А эти правила будут общими для обоих примеров:

Первый пример подчеркивания с использованием SVG:

Заменяем комментарий «First SVG example» следующим кодом (используйте любой свой текст, главное — не меняйте структуру классов):

голоса
Рейтинг статьи
Ссылка на основную публикацию
Adblock
detector