Font decoration: text-decoration-style — CSS: Cascading Style Sheets

font style — Translation into Russian — examples English

Premium History Favourites

Advertising

Download for Windows It’s free

Download our free app

Advertising

Advertising

No ads with Premium

English

Arabic German English Spanish French Hebrew Italian Japanese Dutch Polish Portuguese Romanian Russian Swedish Turkish Ukrainian Chinese

Russian

Synonyms Arabic German English Spanish French Hebrew Italian Japanese Dutch Polish Portuguese Romanian Russian Swedish Turkish Ukrainian Chinese Ukrainian

These examples may contain rude words based on your search.

These examples may contain colloquial words based on your search.

стиль шрифта

стили шрифтов

шрифтом

стиля шрифта

начертание шрифта

стилей шрифта

шрифт

It’s easy to use and you can change font style

Это простой в использовании, и вы можете изменить стиль шрифта, цвета, макеты и размер изображения.

The mouse action causes the element’s appearance to change into a different image, color or font style.

Действие мыши вызывает изменение внешнего вида элемента в другое изображение, цвет или стиль шрифта.

The price of $9.95 is illustrated in a bold font style to indicate that it has changed.

Цена $9,95 отображена жирным шрифтом, что указывает на то, что цена была изменена.

If the structured data has not been changed and has not expired, then the link is displayed in a normal

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

Try adding text too, and change the color and font style.

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

Text should be easy to read: Through analysis of the rhetorical situation, the designer should be able to determine a useful font style.

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

One can do any changes like the color of any element, font style and can tweak another element as well.

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

Readability of form is very important, so make sure the font style, size, and color do not hinder the reading.

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

If you place the cursor in a word and do not make a selection, the font style is applied to the entire word.

If the cursor is not inside a word, and no text is selected, then the font style is applied to the text that you type.

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

The font size on the certificate should not be too small, and always use a decorative but legible font style in your gift certificate.

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

In the illustrated example, links 702,704, 706,710, and 714 are unchanged and illustrated in normal

В приведенном примере ссылки 702,704, 706,710 и 714 не были изменены и отображаются обычным шрифтом.

If the price changes but no other part of the structured data changes, then the preview can display the price in a different color (or highlighted, or in a bold font style, etc.) to bring it to the user’s attention.

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

If a web page has no structured data, or the structured data has been collected but not subscribed to, then the link is displayed the same as for unchanged data (in a normal

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

Links 708 and 716 are changed and illustrated in bold font style, and link 712 is expired and illustrated in a grey font color.

Ссылки 708 и 716 были изменены и отображаются жирным шрифтом, а ссылка 712 устарела и отображается серым цветом шрифта.

When the user agent wants to render a document, it needs to find values for style properties, e.g. the font family,

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

You can apply watermarks by embedding text messages and images, and selecting the font style, transparency, rotation angle, and alignment, as well use the automatic enhancing mode for improving the quality of your photos.

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

The part of the structured data that has changed can be called out in the preview, such as by displaying the changed data in a different color, in a different font style, in a highlighted format, and so on.

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

Each font has a corresponding Choose… button. By clicking on this button, a dialog box appears. You can use this dialog box to choose a new font, a font style and size. Then press Ok.

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

Font style — Choose over 30+ styles.

стиль шрифта — Выберите более 30+ стили.

Possibly inappropriate content

Examples are used only to help you translate the word or expression searched in various contexts. They are not selected or validated by us and can contain inappropriate terms or ideas. Please report examples to be edited or not to be displayed. Rude or colloquial translations are usually marked in red or orange.

Register to see more examples It’s simple and it’s free

Register Connect

More features with our free app

Voice and photo translation, offline features, synonyms, conjugation, learning games

Results: 62. Exact: 62. Elapsed time: 55 ms.

Word index: 1-300, 301-600, 601-900

Expression index: 1-400, 401-800, 801-1200

Phrase index: 1-400, 401-800, 801-1200

Свойство text-decoration-style | 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

Наследуется

Анимируемое

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

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

<!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-line . Стиль применяется ко всем строкам, заданным с помощью text-decoration-line .

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

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

 /* Значения ключевых слов */
стиль оформления текста: сплошной;
стиль оформления текста: двойной;
стиль оформления текста: пунктирный;
стиль оформления текста: пунктир;
стиль оформления текста: волнистый;
/* Глобальные значения */
стиль оформления текста: наследовать;
стиль оформления текста: начальный;
стиль оформления текста: вернуться;
стиль оформления текста: вернуть слой;
стиль оформления текста: не установлен;
 

Значения

сплошные

Рисует одну линию.

двойной

Рисует двойную линию.

с точкой

Рисует пунктирную линию.

пунктир

Рисует пунктирную линию.

волнистый

Рисует волнистую линию.

-moz-нет Нестандартный

Не рисует линию. Вместо этого используйте text-decoration-line : none .

 text-decoration-style = 
 сплошной | 
 двойной | 
 пунктирная | 
 пунктир | 
 волнистый 

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

Красная волнистая линия создается следующим образом:

CSS

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

HTML

 
Под этим текстом красная волнистая линия.
 

Результаты

BCD-Property

BCD-Property

BCD TABLES IN. Включите JavaScript для просмотра данных.

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

Последнее изменение: 000Z»> 27 сентября 2022 г. , участниками MDN

text-decoration-thickness — CSS: Каскадные таблицы стилей

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

 /* Одно ключевое слово */
толщина оформления текста: авто;
толщина оформления текста: от шрифта;
/* длина */
толщина оформления текста: 0,1 em;
толщина оформления текста: 3px;
/* процент */
толщина оформления текста: 10%;
/* Глобальные значения */
толщина оформления текста: наследовать;
толщина оформления текста: начальная;
толщина оформления текста: вернуться;
толщина оформления текста: слой возврата;
толщина оформления текста: не установлено;
 

Значения

авто

Браузер выбирает подходящую ширину строки оформления текста.

от шрифта

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

<длина>

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

<процент>

Определяет толщину линии оформления текста как <процент> из 1em в текущем шрифте. Процент наследуется как относительное значение и, следовательно, масштабируется при изменении шрифта. Браузер должен использовать как минимум 1 пиксель устройства. Для данного применения этого свойства толщина постоянна для всего поля, к которому оно применяется, даже если есть дочерние элементы с другим размером шрифта.

Начальное значение	авто
Применяется ко всем элементам	. Это также относится к ::first-letter и ::first-line .
Унаследован	NO
Проценты	См. Размер шрифта самого элемента
Вычисленная стоимость	При указании
	.0074	по типу вычисляемого значения

 text-decoration-thickness = 
 auto | 
 из шрифта | 
 <длина> | 
  

Различная толщина

HTML

 
Вот текст с красным подчеркиванием толщиной 1 пиксель.
У этого есть красная линия подчеркивания шириной 5 пикселей.
Здесь используется эквивалентное сокращение.
 

CSS

 .тонкий {
 строка оформления текста: подчеркивание;
 стиль оформления текста: сплошной;
 цвет оформления текста: красный;
 толщина оформления текста: 1px;
}
.толстый {
 строка оформления текста: подчеркивание;
 стиль оформления текста: сплошной;
 цвет оформления текста: красный;
 толщина оформления текста: 5px;
}
.