Пример
Использование элемента style в документе HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
h1 {color:red}
p {color:blue}
</style>
</head>
<body>
<h1>Заголовок 1</h1>
<p>Параграф.</p>
</body>
</html>
Поддержка браузеров
тег
<style> поддерживается во всех ведущих браузерахОпределение и использование
Тег <style> используется для определения информации стиля для документа HTML.
В элементе style вы указываете, как элементы HTML должны представляться в браузере.
Разница между HTML 4.01 и HTML5
Атрибут scoped является новым в HTML5, он позволяет определить стили для определенного раздела документа, а не всего документа.
Если атрибут "scoped" указан, стили применяются только к дочерним элементам родителя элемента style.
Советы и примечания
Совет: Чтобы добавить ссылку на внешнюю таблицу стилей используйте тег <link>.
Совет: Чтобы узнать больше о стилях, ознакомьтесь с нашими пособием по CSS.
Примечание: Если атрибут scoped НЕ указан, элемент <style> должен быть помещен в раздел <head>.
Атрибуты
Новое : Новое в HTML5.
| Атрибут | Значение | Описание |
|---|---|---|
| type | text/css | Определяет тип MIME таблицы стилей |
| media | запрос медиа | Указывает для какого медиа/устройства ресурс оптимизирован. Значение по умолчанию: all. |
| scopedНовое | scoped | Если присутствует, стили должны применяться ТОЛЬКО к дочерним элементам родителя элемента style |
Глобальные атрибуты
Тег <style> поддерживает Глобальные атрибуты в HTML5.
Атрибуты событий
Тег <style> поддерживает Атрибуты событий в HTML5.
Была ли эта информация полезной?
