<style>

Элемент <style> (от англ. style — стиль) применяется для определения стилей элементов веб-страницы. Элемент <style> необходимо использовать внутри контейнера <head>. Можно задавать несколько <style>.

Синтаксис

<head>
  <style>
   ...
  </style>
</head>

Атрибуты

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

Устаревшие атрибуты

type
Сообщает браузеру, какой синтаксис использовать, чтобы правильно интерпретировать стили.

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

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

Пример

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>STYLE</title> <style> h1 { font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #ed8217; } </style> </head> <body> <h1>Здравствуй, мир!</h1> </body> </html>

Результат примера показан на рис. 1. Обратите внимание, что цвет текста и начертание шрифта в <h1> изменились.

Вид заголовка после применения стилей

Рис. 1. Вид заголовка после применения стилей

Спецификация

Браузеры

4 12 1 3.5 1 1
4.4 1 10.1 1

В таблице браузеров применяются следующие обозначения.

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

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

Самостоятельная