HTML Тег <style>
Приклад
Використання елемента <style> для застосування простої таблиці стилів до документа HTML:
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>A heading</h1>
<p>A paragraph.</p>
</body>
</html>
Спробуйте самі »
Більше прикладів "Спробуйте самі" далі.
Визначення та використання
Тег <style> використовується для визначення інформації про стиль (CSS) для документа.
Всередині елемента <style> ви вказуєте, як елементи HTML мають відображатися у веббраузері.
Підказки та примітки
Примітка: Коли браузер читає таблицю стилів, він форматує документ HTML відповідно до інформації в таблиці стилів. Якщо деякі властивості були визначені для того самого селектора (елемента) в різних таблицях стилів, буде використано значення з останньої прочитаної таблиці стилів (див. приклад нижче)!
Підказка: Щоб зробити посилання на зовнішню таблицю стилів, використовуйте тег <link>.
Підказка: Щоб дізнатися більше про таблиці стилів, прочитайте CSS Підручник на нашому сайті W3Schools українською.
Підтримка браузерами
| Елемент | |||||
|---|---|---|---|---|---|
| <style> | Так | Так | Так | Так | Так |
Атрибути
| Атрибут | Значення | Опис |
|---|---|---|
| media | media_query | Визначає, для якого носія/пристрою оптимізований медіаресурс |
| type | text/css | Визначає тип медіа для тегу <style> |
Глобальні атрибути
Тег <style> також підтримує Глобальні атрибути в HTML.
Атрибути подій
Тег <style> також підтримує Атрибути подій в HTML.
Більше прикладів
Приклад
Кілька стилів для деяких елементів:
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
<style>
h1 {color:green;}
p {color:pink;}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Спробуйте самі »
Пов’язані сторінки
HTML підручник: HTML CSS
CSS підручник: CSS Підручник
HTML DOM довідник: Об’єкт Style
CSS налаштування за замовчуванням
Більшість браузерів будуть відображати елемент <style> з наступними значеннями за замовчуванням:
style {
display: none;
}
