Атрибут type тега <style> — тип вмісту text/css
Атрибут type визначає тип інтернет-медіа (раніше відомий як тип MIME) тегy style.
Атрибут type ідентификує вміст між тегами <style> і </style>.Значення "text/css" вказує на те, що зміст — CSS.
Загальний опис
автор: NagarD
Синтаксис
<style type="media_type">
Атрибут type може отримувати єдине значення:
-
media_type -
MIME тип пов'язаного документа.
автор: с3с
Переглядачі
| Переглядач | ||||||
|---|---|---|---|---|---|---|
| 1 | 1 | 1 | 3.5 | 12 | 3 |
| Переглядач | ||||
|---|---|---|---|---|
| 4.4 | 18 | 4 | 1 |
Приклади
+ запропонувати свій приклад у пісочниці
Найпростіший приклад використання HTML атрибута type теґа <style>
<p><b>Приклад використання атрибута type</b></p>
<style type="text/css">
a:link { color: #003366; }
a:visited { color: #660066; }
a:hover { color: #800000; }
a:active { color: #FF0000; }
</style>
<p><a>Під час навчання, Хаскі можуть викликати у вас труднощі. Вони — надзвичайно інтелектуальні, енергійні, але й уперті, так що потрібно бути готовим до несподіваного.</a></p>
Чотири блоки <style> з різними значеннями type і чотири абзаци під них. Синім пофарбовані ті, чиї стилі браузер прийняв; чорні лишилися без стилів — і жодного попередження в консолі при цьому немає.
HTML
<style type="text/plain">.a { color: #2f6fd0; border-left-color: #2f6fd0; }</style>
<style type="text/css">.b { color: #2f6fd0; border-left-color: #2f6fd0; }</style>
<style type="text/css;charset=utf-8">.c { color: #2f6fd0; border-left-color: #2f6fd0; }</style>
<style>.d { color: #2f6fd0; border-left-color: #2f6fd0; }</style>
<p class="a">type="text/plain" — блок стилів мовчки проігноровано</p>
<p class="b">type="text/css" — працює</p>
<p class="c">type="text/css;charset=utf-8" — не працює: рядок порівнюється цілком</p>
<p class="d">без type — працює, і саме так писати правильно</p>
CSS
p {
margin: 10px 0;
padding: 6px 10px;
border-left: 6px solid #c9ced6;
font-weight: 600;
font-family: ui-monospace, monospace;
font-size: .95em;
}
Різниця між HTML 4.01 та HTML5
У HTML5 атрибут type більше не потрібен для CSS. Значення без задання "text/css".
Коментарі
Коментарів ще немає — будьте першим!