Тег <STYLE>

Internet Explorer			Chrome			Opera			Safari			Firefox
6.0	7.0	8.0	2.0	3.0	4.0	9.2	9.6	10	2.0	3.1	4.0	2.0	3.0	3.6

HTML:

3.2

XHTML:

1.0

1.1

Описание

Тег <STYLE> применяется для определения стилей элементов веб-страницы. Тег <STYLE> необходимо использовать внутри контейнера <HEAD>. Можно задавать более чем один тег <STYLE>.

Синтаксис

<head>
  <style type="text/css">
   ...
  </style>
</head>

Параметры

media: Определяет устройство вывода, для работы с которым предназначена таблица стилей.
type: Сообщает браузеру, какой синтаксис использовать, чтобы правильно интерпретировать стили.

Закрывающий тег

Обязателен.

Пример. Использование тега <STYLE>

HTML 4.01IE 6IE 7IE 8Cr 4.0Op 10Sa 4Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег STYLE</title>
  <style type="text/css">
   H1 { 
    font-size: 120%; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    color: #333366;
   }
  </style>
 </head> 
 <body>

   <H1>Hello, world!</H1>

 </body>
</html>

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

Рис. 1

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