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

Atrybut style

Atrybut style służy do przypisywania elementom śródliniowych kaskadowych arkuszy stylów.

Przykłady użycia

Akapit z przypisanym śródliniowym kaskadowym arkuszem stylów
<p style="color: blue; font-size: 1.2em; line-height: 2em;">
  Igrzyska olimpijskie odbywały się już w zamierzchłych czasach...
</p>

Składnia atrybutu style

<nazwa_elementu style="arkusz_stylów">

Elementy związane z atrybutem style

W HTML5 atrybut style można definiować dla wszystkich elementów, natomiast w HTML 4.01 — dla wszystkich elementów oprócz base, basefont, head, html, meta, param, script, style oraz title.

Wartości atrybutu style

Wartość Opis HTML 4.01/XHTML 1.0 HTML 5
arkusz_stylów Wartością atrybutu style może być dowolna liczba deklaracji kaskadowych arkuszy stylów o następującej składni: nazwa_własności: wartość; inna_nazwa_własności: wartość;.

Obsługa atrybutu style przez przeglądarki

Firefox Chrome Opera Safari Internet Explorer

Różnice między HTML 4.01 a HTML 5

W języku HTML 5 atrybut style jest tzw. atrybutem globalnym, tzn. może być stosowany do wszystkich elementów. Natomiast w HTML 4.01 atrybut ten jest dozwolony dla wszystkich elementów oprócz base, basefont, head, html, meta, param, script, style oraz title.

Uwagi

Atrybutu style należy używać bardzo oszczędnie. Do najlepszych praktyk tworzenia stron internetowych należy oddzielenie warstwy prezentacyjnej (arkusze stylów) od warstwy treści (kod HTML). Dlatego w większości przypadków najlepszym rozwiązaniem jest użycie zewnętrznego arkusza stylów.

Narzędzia

FavoriteLoadingDodaj do schowka

Inne artykuły poruszające podobny temat

Programming Windows 8 Apps with HTML, CSS, and JavaScript

Darmowy e-book Programming Windows 8 Apps with HTML, CSS, and JavaScript

Ikona Element style HTML5

Element style

Logo Sass

Podstawy języka Sass

Logo Sass

Jak używać Sass w IDE Microsoft Visual Studio

Pseudoklasy CSS3 i formularze HTML5 - ikona

Pseudoklasy CSS3 i formularze HTML5

Ikona łańcucha

Element link

Dodaj komentarz









Dołącz do nas na Facebooku

Newsletter

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

Zaproponuj tekst

Znalazłeś ciekawy tekst, który Twoim zdaniem warto by było przetłumaczyć na język polski? Napisz nam o tym!

Temat*

Treść wiadomości*