Ikona Element style HTML5
1 gwiazdka2 gwiazdki3 gwiazdki4 gwiazdki5 gwiazdek (głosów: 3, średnia ocena: 5,00)
Loading ... Loading ...

Element style

Element style służy do wpisywania kodu określającego wizualne formatowanie dokumentu HTML. Najczęściej używa się w nim CSS. W dokumencie może znajdować się kilka elementów style.

Kontekst użycia

Modele treści HTML5 metadane, treść ogólna
Elementy nadrzędne Element head, element noscript oraz treść ogólna
Elementy potomne Mogą być różne, w zależności od wartości atrybutu type
Znaczniki Znaczniki otwierający i zamykający są obowiązkowe

Normy HTML5 — podrozdział 4.2.6, HTML 4.01 — podrozdział 14.2.3
Interfejs DOM HTMLStyleElement
Różnice między HTML 4.01 a HTML 5

W HTML5 element style ma nowy atrybut scoped

W HTML5 atrybut type nie jest wymagany (W HTML 4.01 był), jeśli element style zawiera arkusze stylów CSS

Przykłady użycia

Poniższy element style zawiera arkusze stylów CSS:
<style>
  p { color: red; background: green; }
  cite { font-style: italic; color: blue; }
</style>

Obsługa przez przeglądarki

Firefox Chrome Opera Safari Internet Explorer

Atrybuty obowiązkowe

Atrybutem obowiązkowym elementu style w HTML 4.01 jest type. W HTML5 element ten nie ma atrybutów obowiązkowych.

Atrybuty opcjonalne

Atrybuty globalne oraz:

Atrybut Opis
media Określa dla których rodzajów mediów przeznaczony jest dany arkusz stylów
type Określa użyty w elemencie język stylów. Wartością tego atrybutu powinien być typ MIME. W HTML HTML 4.01 atrybut ten jest wymagany, w HTML5 nie jest obowiązkowy i jeśli nie zostanie zdefiniowany, domyślnie przyjmowana jest wartość text/css
scoped Określa, że style znajdujące się w elemencie odnoszą się tylko do rodzica tego elementu

Inne artykuły poruszające podobny temat

Logo W3C

Dwa nowe moduły CSS: układy siatkowe i treść generowana dla mediów stronicowanych

Animowane menu - ikona

Tworzenie animowanego menu za pomocą jQuery

Ikona formularza

Tworzenie oszałamiających formularzy przy użyciu nowych elementów HTML5

Scout ikona

Scout — narzędzie ułatwiające pracę z Sass i Compass w systemach Windows i Mac

Ikona lornetki

Narzędzie csscss do wyszukiwania duplikatów kodu CSS

Ikona kalkulatora

Element output – wynik obliczeń

Dodaj komentarz









Newsletter

Subskrybując nasz newsletter masz pewność, że nie ominie Cię żadna nowość w serwisie!