Dashed text decoration: text-decoration-style | htmlbook.ru


17.07.2021 Facebook Twitter LinkedIn Google+ Разное


Содержание

Свойство text-decoration-style | CSS справочник

CSS свойства

Определение и применение

CSS свойство text-decoration-style устанавливает стиль декоративной линии, которая добавляется через свойство text-decoration.

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

CSS синтаксис:

text-decoration-style:"solid | double | dotted | dashed | wavy | initial | inherit";

JavaScript синтаксис:

object.style.textDecorationStyle = "double"

Значения свойства

ЗначениеОписание
solidСплошная декоративная линия. Это значение по умолчанию.
doubleДвойная декоративная линия.
dottedТочечная декоративная линия.
dashedПунктирная декоративная линия.
wavyВолнистая декоративная линия.
initialУстанавливает свойство в значение по умолчанию.
inheritУказывает, что значение наследуется от родительского элемента.

Версия CSS

CSS3

Наследуется

Нет.

Анимируемое

Нет.

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

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

<!DOCTYPE html>
<html>
<head>
<title>Пример использования свойства text-decoration-style</title>
<style> 
p {
text-decoration : underline; /* добавляем декорирование текста для абзацев (линия снизу) */
font-size : 24px; /* устанавливаем размер шрифта для абзацев */
}
.test {
-webkit-text-decoration-style : solid; /* добавляем стиль декоративной линии (с префиксом производителя)*/
-moz-text-decoration-style : solid; /* добавляем стиль декоративной линии (с префиксом производителя) */
text-decoration-style : solid; /* добавляем стиль декоративной линии - сплошная */
}
.test2 {
-webkit-text-decoration-style : double; /* добавляем стиль декоративной линии (с префиксом производителя)*/
-moz-text-decoration-style : double; /* добавляем стиль декоративной линии (с префиксом производителя) */
text-decoration-style : double; /* добавляем стиль декоративной линии - двойная */
}
.test3 {
-webkit-text-decoration-style : dotted; /* добавляем стиль декоративной линии (с префиксом производителя)*/
-moz-text-decoration-style : dotted; /* добавляем стиль декоративной линии (с префиксом производителя) */
text-decoration-style : dotted; /* добавляем стиль декоративной линии - точечная */
}
.test4
{ -webkit-text-decoration-style : dashed; /* добавляем стиль декоративной линии (с префиксом производителя)*/ -moz-text-decoration-style : dashed; /* добавляем стиль декоративной линии (с префиксом производителя) */ text-decoration-style : dashed; /* добавляем стиль декоративной линии - пунктирная */ } .test5 { -webkit-text-decoration-style : wavy; /* добавляем стиль декоративной линии (с префиксом производителя)*/ -moz-text-decoration-style : wavy; /* добавляем стиль декоративной линии (с префиксом производителя) */ text-decoration-style : wavy; /* добавляем стиль декоративной линии - волнистая */ } </style> </head> <body> <p class = "test">text-decoration-style: solid ;</p> <p class = "test2">text-decoration-style: double ;</p> <p class = "test3">text-decoration-style: dotted ;</p> <p class = "test4">text-decoration-style: dashed ;</p> <p class = "test5">text-decoration-style: wavy ;</p> </body> </html>

Результат нашего примера:

Пример использования свойства text-decoration-style(устанавливает стиль декоративной линии).CSS свойства

CSS - text-decoration-style - text-decoration-style CSS свойство задает стиль линий , указанных text-decoratio

text-decoration-style CSS свойство задает стиль линий , указанных text-decoration-line . Стиль применяется ко всем строкам, которые установлены с помощью text-decoration-line .

Если указанное оформление имеет конкретное семантическое значение, такое как прямая линия, означающая, что некоторый текст был удален, авторам рекомендуется обозначать это значение с помощью HTML-тега, например <del> или <s> . Так как в некоторых случаях браузеры могут отключить стилизацию, семантическое значение не исчезнет в такой ситуации.

При одновременной установке нескольких свойств декорирования линий может быть удобнее использовать вместо этого свойство сокращения text-decoration .




Syntax

text-decoration-style: solid;
text-decoration-style: double;
text-decoration-style: dotted;
text-decoration-style: dashed;
text-decoration-style: wavy;


text-decoration-style: inherit;
text-decoration-style: initial;
text-decoration-style: unset;

Values

solid
Рисует одну линию.
double
Рисует двойную линию.
dotted
Рисует пунктирную линию.
dashed
Рисует пунктирную линию.
wavy
Рисует волнистую линию.
-moz-none
Не рисует линии. Используйте text-decoration-line : none .

Formal definition

Формальный синтаксис

solid | double | dotted | dashed | wavy

Examples

Setting a wavy underline

.example {    
       -moz-text-decoration-line: underline;
       -moz-text-decoration-style: wavy;
       -moz-text-decoration-color: red;    
    -webkit-text-decoration-line: underline;
    -webkit-text-decoration-style: wavy;
    -webkit-text-decoration-color: red;
}
CSS
.wavy { 
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-color: red;
}
HTML
<p>This text has a wavy red line beneath it.</p>
Results

Specifications

Desktop
Chrome Edge Firefox Internet Explorer Opera Safari
text-decoration-style 57 79 36
36
6 - 39

Prefixed

Префикс Реализовано с префиксом производителя:-moz-
No 44 12.1
12.1
8

Prefixed

Префикс Реализовано с префиксом производителя:-webkit-
wavy 57 79 6 No 44 8
Mobile
Android веб-просмотр Хром для Android Firefox для Android Опера для Android Safari on iOS Samsung Интернет
text-decoration-style 57 57 36
36
6 - 39

Prefixed

Префикс Реализовано с префиксом производителя:-moz-
43 12.2
12.2
8

Prefixed

Префикс Реализовано с префиксом производителя:-webkit-
7.0
wavy 57 57 6 43 8 7.0

См.также

  • При одновременной установке нескольких свойств декорирования линий может быть удобнее использовать вместо этого свойство сокращения text-decoration .

Свойство text-decoration-style - тип линии у текста

Свойство text-decoration-style меняет тип линии над текстом: одиночная линия, двойная, в виде точек, в виде тире, волнистая линия.

Свойство следует использовать совместно со свойствами text-decoration-line и text-decoration-color. Эти свойства расширяют действие свойства text-decoration, являясь более продвинутыми аналогами.

Синтаксис

селектор { text-decoration-line: solid | double | dotted | dashed | wavy; }

Значения

Значение Описание
solid Сплошная линия.
double Двойная линия.
dotted Линия в виде точек.
dashed Линия в виде тире.
wavy Волнистая линия.

Значение по умолчанию: solid.

Пример . Значение wavy

Сейчас текст станет подчеркнутым красной волнистой линией:

<div> Lorem ipsum dolor sit amet. </div> #elem { text-decoration-style: wavy; text-decoration-color: red; text-decoration-line: underline; }

:

Пример . Значение dotted

Сейчас текст станет подчеркнутым красной линией в виде точек:

<div> Lorem ipsum dolor sit amet. </div> #elem { text-decoration-style: dotted; text-decoration-color: red; text-decoration-line: underline; }

:

Пример . Значение double

Сейчас текст станет перечеркнутым красной двойной линией:

<div> Lorem ipsum dolor sit amet. </div>

#elem { text-decoration-style: double; text-decoration-color: red; text-decoration-line: line-through; }

:

Подчёркнутый текст (свойство text-decoration) | CSS примеры

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

Стиль ссылки CSS
<style>
.raz {
  text-decoration: none;
  border: none; 
}
</style>

<a href="http://shpargalkablog.ru/2010/09/postroenie-ssylok-v-html.html#stil">Стиль ссылки CSS</a>

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

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

Стиль ссылки CSS
<style>
.raz:not(:hover) {
  text-decoration: none;
}
</style>

<a href="http://shpargalkablog.ru/2010/09/postroenie-ssylok-v-html.html#stil">Стиль ссылки CSS</a>

Пунктирное подчёркивание

Стиль текста CSS
<style> .raz { text-decoration: underline; text-decoration-style: dashed; cursor: pointer; } </style> <span>Стиль текста CSS</span>

Сделать линию над и под текстом

Стиль текста CSS
<style>
.raz {
  text-decoration-line: underline overline;
}
</style>

<span>Стиль текста CSS</span>

text-decoration-color
currentcolor
цвет черты что у текста
transparent
черта полностью прозрачная (невидимая)
red
цвет черты ключевым словом
#ff0000 или #ff0000ff
цвет черты в формате HEX
rgb(255,0,0) или rgba(255,0,0,1)
цвет черты в формате RGB или RGBA
hsl(0,100%,50%) или hsla(0,100%,50%,1)
цвет черты в формате HSL() или HSLA()
initial
currentcolor
inherit
наследует значение родителя
unset
currentcolor

Свойство text-decoration-color не наследуется, применяется ко всем элементам

<style>
div {
  text-decoration: underline;
  text-decoration-color: currentcolor;
}
</style>

<div>Свойство <code>text-decoration-color</code> не наследуется, применяется ко всем элементам</div>

ВНИМАНИЕ! Нижестоящие свойства имеют плохую поддержку браузерами. Свойства text-underline-offset и text-decoration-width не реализованы вовсе и потому пока не рассмотрены в статье.

Пропуск выносных частей символов в подчеркиваемом тексте в Google Chrome

Пример подчёркнутого текста
<style>
.raz {
  text-decoration: underline;
  text-decoration-skip: ink;
}
</style>

<span>Пример подчёркнутого текста</span>

Подчёркивание без пропусков выносных частей символов в Safari

Пример подчёркнутого текста
<style>
.raz {
  text-decoration: underline;
  -webkit-text-decoration-skip: none;
}
</style>

<span>Пример подчёркнутого текста</span>

Разница

text-decoration и border
Нижнее подчёркивание, сделанное text-decoration: underline; Нижнее подчёркивание, сделанное border-bottom: 1px solid;
<table>
  <tr>
    <tdvydelit">text-decoration: underline;">Нижнее подчёркивание, сделанное <code>text-decoration: underline;</code>
    <td><spanvydelit">border-bottom: 1px solid;">Нижнее подчёркивание, сделанное <code>border-bottom: 1px solid;</code></span>
</table>

Свойство text-decoration подходит лучше для подчёркивания многострочного текста (при уменьшении экрана длинное слово также переходит на следующую строку при отзывчивой вёрстке). Свойство border активно использовали, когда не поддерживались свойства text-decoration-line, text-decoration-style и text-decoration-color.

Тонкое управление свойством text-decoration

От автора: Скорее всего, вы уже знакомы с данным свойством. Например, большинство браузеров, по умолчанию, задают с помощью данного свойства подчеркивание у ссылок (text-decoration: underline;), которое мы можем отменить вот так: text-decoration: none;.

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

Для данного свойства можно задать несколько значений

Например:

a { text-decoration: underline overline; }

a {

  text-decoration: underline overline;

}

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

Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3

Узнать подробнее

Посмотрите описание данной возможности в Альманахе. Если быть точнее, то в данном случае происходит добавление нескольких значений для дополнительного свойства text-decoration-line.

Вы можете управлять цветом данного свойства

По умолчанию для данного свойства задается цвет, указанный для текста (в свойстве color). Но вы можете изменить это:

a { text-decoration-color: #f06d06; }

a {

  text-decoration-color: #f06d06;

}

Посмотрите описание данной возможности в Альманахе.

Примечание: Браузерный «движок» Gecko отображает подчеркивание под нижним выносным элементом букв (подстрочным элементом литеры), а WebKit/Blink – над:

Слева показан пример в браузере Chrome, справа – в Firefox.

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

Но есть вещи, которые нельзя сделать с помощью границ, например…

Вы можете менять стиль данного свойства

Вы просто не сможете сделать также с помощью границ!

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

Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3

Узнать подробнее

a { text-decoration-style: wavy; }

a {

  text-decoration-style: wavy;

}

Посмотрите описание данной возможности в Альманахе.

А можно сделать и еще лучше

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

Такая возможность будет доступна благодаря свойству text-decoration-skip, хотя она пока не реализована ни в одном из браузеров. А пока мы можем указать для подчеркивания более мягкий и менее контрастный цвет. Здесь можно применить rgba():

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

Примечание: Похоже, что в Safari/iOS пропуск нижних выносных элементов у букв задан по умолчанию.

Если вы хотите отменить данное поведение, воспользуйтесь следующей записью: -webkit-text-decoration-skip: none;.

Тестирование

Из-за разной степени браузерной поддержки, некоторые (или все) демо-примеры могут не сработать в вашем браузере.

Так что да! Даже такие простые вещи, которые мы воспринимаем, как должное, могут со временем меняться в CSS царстве.

Автор: Chris Coyier

Источник: //css-tricks.com/

Редакция: Команда webformyself.

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

Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3

Узнать подробнее

PSD to HTML

Верстка сайта на HTML5 и CSS3 с нуля

Смотреть

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



Как вы подчеркиваете текст html так, чтобы линия под текстом была пунктирной, а не стандартной? Предпочтительно, я хотел бы сделать это без использования отдельного файла CSS. Я новичок в html.

html underline
Поделиться Источник parap     06 марта 2013 в 16:19

9 ответов




137

Это невозможно без CSS. На самом деле тег <u> просто добавляет text-decoration:underline к тексту с помощью встроенного в браузер CSS.

Вот что вы можете сделать:

<html>
<head>
<!-- Other head stuff here, like title or meta -->

<style type="text/css">
u {    
    border-bottom: 1px dotted #000;
    text-decoration: none;
}
</style>
</head>
<!-- Body, content here -->
</html>

Поделиться Alfred Xing     06 марта 2013 в 16:24



30

Используйте следующие коды CSS...

text-decoration:underline;
text-decoration-style: dotted;

Поделиться Shakeel Ahmed     13 июля 2016 в 07:53



15

Без CSS вы в основном застряли с использованием тега изображения. В основном сделайте изображение текста и добавьте подчеркивание. Это в основном означает, что ваша страница бесполезна для чтения с экрана.

С CSS все просто.

HTML:

<u>I like cheese</u>

CSS:

u.dotted{
  border-bottom: 1px dashed #999;
  text-decoration: none; 
}

Пример

Пример страницы

<!DOCTYPE HTML>
<html>
<head>
    <style>
        u.dotted{
          border-bottom: 1px dashed #999;
          text-decoration: none; 
        }
    </style>
</head>
<body>
    <u>I like cheese</u>
</body>
</html>

Поделиться epascarello     06 марта 2013 в 16:25




9

Элемент HTML5 может давать пунктирное подчеркивание, поэтому Нижний текст будет иметь пунктирную линию, а не обычное подчеркивание. А атрибут title создает подсказку для пользователя при наведении курсора на элемент:

NOTE: пунктирная граница / подчеркивание по умолчанию отображается в Firefox и Opera, но IE8, Safari и Chrome нуждаются в строке CSS:

<abbr title="Hyper Text Markup Language">HTML</abbr>

Поделиться Fatima Waheed     11 июля 2016 в 14:14



4

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

text-decoration: underline;
text-decoration-style: dotted;

Если вы хотите больше передышки между текстом и строкой, просто используйте,

text-underline-position: under;

Поделиться Darshana Gunawardana     09 октября 2018 в 10:12



3

Переформатировал ответ на @epascarello :

u.dotted {
  border-bottom: 1px dashed #999;
  text-decoration: none;
}
<!DOCTYPE html>
<u>I like cheese</u>

Поделиться anatoly techtonik     26 декабря 2015 в 06:54



0

Вы можете использовать border bottom с опцией dotted .

border-bottom: 1px dotted #807f80;

Поделиться Neel     24 января 2020 в 07:16



0

Вы можете попробовать этот метод:

<h3>Hello World!</h3>

Обратите внимание, что без text-underline-position: under; у вас все равно будет пунктирное подчеркивание, но это свойство даст ему больше передышки.

Это предполагает, что вы хотите встроить все в файл HTML с помощью встроенного стиля, а не использовать отдельный файл CSS или тег.

Поделиться Mona Jalal     05 февраля 2020 в 00:12



-2

Это не невозможно без CSS. Например, как элемент списка:

<li><!--content --></li>

Поделиться Davington III     30 апреля 2015 в 09:03


Похожие вопросы:


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

Как мы можем создать двойное пунктирное подчеркивание в CSS ? Я использую свойство border-bottom. border-bottom: 1px dotted #oof Но появляется только одно пунктирное подчеркивание. Как мы можем...


IE7 Nivo Slideshow странное пунктирное подчеркивание на подписи

У меня есть слайд-шоу Nivo, работающее на сайте. Когда я тестирую в страшном IE7, он показывает пунктирное подчеркивание на подписях. Я устал искать преступника в своей стихии, но пока мне не везет....


Как удалить синее пунктирное подчеркивание предложения в TextView из Apple keyboard dictation?

Если пользователи используют Apple dictation с мягкой клавиатуры, то после завершения их voice input. Он показывает синее пунктирное подчеркивание предложения для коррекции голоса. Но я не могу от...


CSS эффект при наведении курсора (пунктирное подчеркивание + изменение цвета текста)

Я совершен CSS нуб Не могли бы вы уделить мне минутку и помочь создать пунктирное подчеркивание (с пробелом) с изменением цвета текста при наведении мыши? Я был бы очень признателен вам за помощь!...


Как сделать строку под текстом без текстового оформления: подчеркивание?

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


Пунктирное подчеркивание в TextView с использованием SpannableString в Android

Я хочу пунктирное подчеркивание ниже SpannableString Например вот моя струна Hello, How are you? Я хочу разработать пунктирное подчеркивание ниже How слова, так как же его установить? Если я добавлю...


Android пунктирное подчеркивание остается в середине textview

Я хочу показать пунктирное подчеркивание под textview, ниже приведены мои коды <TextView android:[email protected]+id/contact_num android:layout_width=wrap_content android:layout_height=wrap_content...


Пунктирное подчеркивание TextView не переносится на следующую строку с помощью SpannableString в Android

Я сделал пунктирное подчеркивание textview, используя это пунктирное подчеркивание в TextView, используя SpannableString в Android . Но пунктирное подчеркивание textview не переносится на следующую...


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

Я хочу, чтобы заголовки подчеркивались методом :after . Я заставляю его работать частично. Чего я не могу понять, так это как сделать так, чтобы подчеркивание ( after ) находилось только под текстом...


CSS как установить автоматическую длину подчеркивания doth под текстом

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

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

По умолчанию, браузеры применяют определенные наборы стилей CSS к конкретным HTML-элементам. Для гиперссылок эти стили по умолчанию определяют, что любой текст ссылки отображается синим цветом с CSS underline. Это делается для того, чтобы посетители сайта могли легко определить, что данный текст представляет собой ссылку. Многие веб-дизайнеры не уделяют внимания этим стилям по умолчанию, особенно это касается подчеркивания. К счастью, CSS позволяет легко изменить внешний вид гиперссылок.

Подчеркнутый текст может сложнее читаться, чем обычный. Многие дизайнеры просто не уделяют этому должного внимания. Но можно полностью удалить подчеркивание. Для этого мы будем использовать свойство CSS text-decoration. Вот CSS-код, с помощью которого это можно сделать:

a { text-decoration: none; }

С помощью этой строки кода можно удалить CSS underline style всех ссылок.

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

Не подчеркивайте текст, который не является ссылкой. Люди привыкли к тому, что подчеркнутый текст (с помощью CSS underline color) является ссылкой. Если вы подчеркиваете контент, чтобы акцентировать на нем внимание (вместо того, чтобы вывести его полужирным шрифтом или курсивом), вы вводите пользователей сайта в заблуждение.

Если хотите сохранить подчёркивание ссылок, но при этом изменить стиль по умолчанию (линия «solid«), это можно сделать следующим образом. Вместо сплошной линии используйте точки. Для этого нужно удалить подчеркивание и заменить его свойством border-bottom:

a { text-decoration: none; border-bottom:1px dotted; }

Так как стандартное CSS text decoration underline мы удалили, будет отображаться только линия из точек:


То же самое можно сделать, чтобы получить пунктирное подчеркивание. Просто измените значение border-bottom на dashed:
a { text-decoration: none; border-bottom:1px dashed; }

Еще один способ обратить внимание пользователей на ссылки — изменить цвет подчеркивания. Н забудьте, что цвет text underline CSS должен соответствовать используемой цветовой схеме:

a { text-decoration: none; border-bottom:1px solid red; }

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

a { text-decoration: none; border-bottom:3px double; }

Также можно использовать подчеркивание по умолчанию, чтобы создать альтернативное двойное подчеркивание. Например, чтобы одна из линий была двойной:
a { border-bottom:1px double; }

Также можно использовать border-bottom для различных состояний ссылок. Использование псевдокласса :hover поможет улучшить опыт взаимодействия пользователей. Чтобы создать второе точечное подчеркивание, выводимое при наведении на ссылку курсора мыши, используйте следующий код и деактивацию CSS text decoration underline:

a { text-decoration: none; } 
a:hover { border-bottom:1px dotted; }

Данная публикация является переводом статьи «How to Change Link Underlines on a Webpage» , подготовленная редакцией проекта.

CSS свойство стиля оформления текста


Пример

Установить различные типы стилей оформления текста:

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

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

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

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

Попробуй сам "

Определение и использование

Свойство text-decoration-style устанавливает стиль оформления текста. (например, сплошная, волнистая, пунктирная, пунктирная, двойная).

Совет: Также обратите внимание на свойство text-decoration, который является сокращенным свойством для text-decoration-line, text-decoration-style и текст-украшение-цвет.

Значение по умолчанию: цельный
Унаследовано: нет
Анимируемый: нет. Прочитать о animatable
Версия: CSS3
Синтаксис JavaScript: объект .style.textDecorationStyle = "волнистый" Попытайся

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

Числа в таблице указывают первую версию браузера, полностью поддерживающую свойство.

Числа, за которыми следует -moz-, указывают первую версию, которая работала с префиксом.

Объект
стиль оформления текста 57,0 79,0 36,0
6,0 -моз-
12,1 44,0


Синтаксис CSS

стиль оформления текста: сплошной | двойной | пунктирный | пунктирный | волнистый | начальный | наследование;

Стоимость недвижимости


Связанные страницы

Учебник

CSS: Текст CSS

Ссылка на HTML DOM: свойство textDecorationStyle



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

Как добавить пунктирное подчеркивание под HTML-текстом - qaru

Присоединяйтесь к Stack Overflow , чтобы учиться, делиться знаниями и строить свою карьеру.

Спросил

Просмотрено 138k раз

Как вы подчеркиваете html-текст, чтобы линия под текстом была пунктирной, а не стандартным подчеркиванием? Желательно, чтобы это было сделано без использования отдельного файла CSS.Я новичок в html.

Создан 06 мар.

параппарап

1,944 44 золотых знака1515 серебряных знаков2727 бронзовых знаков

4

Без CSS это невозможно.Фактически, тег просто добавляет text-decoration: подчеркивание к тексту с помощью встроенного в браузер CSS.

Вот что вы можете сделать:

  







  
Comments