CSS - оформление текста

Описание

Свойство text-decoration используется для добавления «украшения» к встроенному содержимому.

Возможные значения

  • none - Во встроенный текст не следует добавлять украшения.

  • underline - Под встроенным текстом отображается подчеркивание.

  • overline - Над встроенным текстом рисуется черта.

  • line-through - Линия должна быть проведена через середину встроенного текста.

  • blink - Встроенный текст должен мигать и гаснуть, аналогично элементу BLINK, введенному Netscape.

Относится к

Все элементы HTML.

Синтаксис DOM

object.style.textDecoration = "underline";

пример

Ниже приведен пример, демонстрирующий, как украсить текст.

NOTE - Свойство Blink работает не со всеми браузерами.

<html>
   <head>
   </head>

   <body>
      <p style = "text-decoration:underline;">
         This will be underlined
      </p>
      
      <p style = "text-decoration:line-through;">
         This will be striked through.
      </p>
      
      <p style = "text-decoration:overline;">
         This will have a over line.
      </p>
      
      <p style = "text-decoration:blink;">
         This text will have blinking effect
      </p>
   </body>
</html>

Это даст следующий результат -


CSS Адаптивный

Language