Тег STYLE

  Парный тег STYLE предназначен для определения стилей оформления пользовательского контента Web-страницы.
  Внутренним контентом элемента этого тега является правильный код с таблицей стилей CSS (которую, в общем случае, все же лучше хранить отдельно от HTML-документа, а не в элементе тега STYLE).

  В HTML-коде HTML-документа, количество элементов тега STYLE не ограничивается.

  Содержимое элементов тега STYLE никак не отображается на Web-странице.
  В строгом соответствии со спецификацией, элемент тега STYLE может находиться только внутри элемента тега HEAD.

  Однако появились тенденции снятия такого ограничения (непонятно насколько это зайдёт далеко).
  То есть элемент тега STYLE предлагается разрешить делать "дочерним" элементом любого другого элемента в документе.
  Понятно, что если это произойдёт, то логика применения CSS-стилей очень сильно изменится, однако, атрибут SCOPED уже усиленно продвигается разработчиками некоторых браузеров.
  Атрибуты:
  DISABLED - Выключает таблицу стилей.
  Если этот атрибут задан, то эта таблица стилей не будет применяться.
  • Значение:

    • Нет, только присутствие.

  • Значение по умолчанию - Выключен.
  • Атрибут необязательный.
  MEDIA - Устанавливает запрос на тип окружения Web-страницы, для которого следует применять стилевое оформление, прописанное в этом элементе тега STYLE.
  Браузер использует этот элемент тега STYLE, если значение его атрибута MEDIA соответствует текущему типу окружения Web-страницы с этим HTML-документом.
  То есть несколько элементов тега STYLE с разными значениями атрибута MEDIA создают адаптивную Web-страницу.
  • Значение:


  • Значение по умолчанию - all.
  • Атрибут необязательный.
  SCOPED - Устанавливает разрешение на применение таблицы стилей только к "дереву" документа, которое создал элемент "родительский" для элемента тега STYLE.
  Этот атрибут поддерживается далеко не всеми браузерами.
  • Значение:

    • Нет, только присутствие.

  • Значение по умолчанию - Выключен.
  • Атрибут необязательный.
  TITLE - Устанавливает имя таблицы стилей.
  Если в HTML-документе, элементом тега STYLE, задана хотя бы одна именованная таблица стилей, то применяться к документу будет только она.
  Все остальные таблицы стилей заданные элементами тега STYLE без атрибута TITLE будут проигнорированы.

  В HTML-документе элементами тега STYLE может быть задано несколько одинаково именованных таблиц стилей, и все они соответственно определят CSS-стили документа.

  Если в HTML-документе, элементами тега STYLEименованныхSTYLE с атрибутом TITLE.
  Все таблицы стилей, заданные элементами тега STYLE с другим именем, будут проигнорированы.
  Применение именованных таблиц стилей регулируется динамически.
  • Значение:


  • Значение по умолчанию - Пустое значение.
  • Атрибут необязательный.
  TYPE - Устанавливает тип таблицы стилей.
  В HTML 5 указывать не надо.
  • Значение:

    • MIME-тип файла с таблицей стилей

  • Значение по умолчанию - text/css.
  • Атрибут необязательный.

Пример:
<HTML>
  <HEAD>
    <STYLE MEDIA="screen AND (max-width:700px)">
      A:link { color: #4B0082; text-decoration: none; font-family: Consolas, Verdana, Arial }
      A:visited { color: #4B0082; text-decoration: none }
      A:focus { color: #4B0082; text-decoration: underline }
    </STYLE>
  </HEAD>
    <BODY>
      ..............................
    </BODY>
</HTML>