Ostatnio edytowany:

media

Autor: Virtual Patriot

Przeznaczenie atrybutu media

Za pomocą atrybutu media możemy określić typ media, dla którego powinien być przeznaczony zasób internetowy reprezentowany przez interesujący nas element HTML.

Elementy HTML dla atrybutu media

  1. link
  2. style

Przykład atrybutu media

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs HTML</title>

    <style media="all and (min-width:800px)">
      body { background-color:orange; }
    </style>
  </head>
  <body>

    <h1>Owoce</h1>

    <article>
      <h2>Mój ulubiony owoc</h2>
      <p>Moim ulubionym owocem jest czereśnia.</p>
    </article>

  </body>
</html>

Rezultat

Zobacz rezultat: przykład atrybutu media

Reguła CSS reprezentowana przez zawartość przykładowego elementu "style" określa pomarańczowy kolor tła dla elementu "body" znajdującego się w zawartości przykładowego dokumentu HTML, wspomniana reguła CSS przeznaczona jest dla wszystkich typów media (wszystkich urządzeń), w których wartość szerokości okna przeglądarki internetowej w danej chwili wynosi co najmniej "800" pikseli, ponieważ do wspomnianego elementu "style" został dodany atrybut "media" wraz z wartością "all and (min-width:800px)".

Interpretacja atrybutu media

Firefox

tak

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

tak

Edge

tak