<style>

HTML <style> Тег

Пример

Использование элемента style в документе HTML:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
h1 {color:red}
p {color:blue}
</style>
</head>

<body>
<h1>Заголовок 1</h1>
<p>Параграф.</p>
</body>

</html>

Результат выполнения кода выше:

Попробуйте сами

Определение и использование

Тег <style> используется для определения информации стиля для документа HTML.

В элементе style вы указываете, как элементы HTML должны представляться в браузере.

Обязательный атрибут type определяет содержание элемента style. Существует только одно возможное значение "text/css".

Элемент style всегда находится в головной части документа.

Поддержка браузеров

тег <style> поддерживается во всех ведущих браузерах

Отличия между HTML и XHTML

НЕТ

Советы и примечания

Совет: Чтобы добавить ссылку на внешнюю таблицу стилей используйте тег <link>.

Совет: Чтобы узнать больше о стилях, ознакомьтесь с нашими пособием по CSS.

Обязательные атрибуты

DTD указывает, в какой HTML 4.01/XHTML 1.0 DTD допускаются атрибуты. S=Strict (строгий), T=Transitional (переходный), и F=Frameset (набор фреймов).

Атрибут	Значение	Описание	DTD
type	text/css	Определяет тип MIME таблицы стилей	STF

Дополнительные атрибуты

Атрибут	Значение	Описание	DTD
media	screen tty tv projection handheld print braille aural all	Определяет стили для разных типов носителей	STF

Стандартные атрибуты

Тег <style> поддерживает следующие стандартные атрибуты:

Атрибут	Значение	Описание	DTD
dir	rtl ltr	Определяет направление текста для содержания в элементе	STF
lang	language_code	Указывает код языка для содержания элемента	STF
title	text	Определяет дополнительную информацию об элементе	STF
xml:lang	language_code	Указывает код языка для содержимого элементов, в документах XHTML	STF

Более подробная информация о Стандартных атрибутах.

Атрибуты событий

Тег <style> не поддерживает не один из атрибутов событий.

Более подробная информация о Атрибуты событий.

Была ли эта информация полезной?

Да Нет