diff options
Diffstat (limited to 'files/pl/web/css/@media/index.html')
-rw-r--r-- | files/pl/web/css/@media/index.html | 193 |
1 files changed, 193 insertions, 0 deletions
diff --git a/files/pl/web/css/@media/index.html b/files/pl/web/css/@media/index.html new file mode 100644 index 0000000000..f1f74e6374 --- /dev/null +++ b/files/pl/web/css/@media/index.html @@ -0,0 +1,193 @@ +--- +title: '@media' +slug: Web/CSS/@media +tags: + - CSS + - 'CSS:Dokumentacje' + - Dokumentacje + - Wszystkie_kategorie +translation_of: Web/CSS/@media +--- +<p> {{ CSSRef() }} +</p> +<h3 id="Podsumowanie" name="Podsumowanie"> Podsumowanie </h3> +<p><code>@media</code> określa typ docelowych mediów (oddzielonych przecinkami) dla zestawu reguł (ograniczonych klamrami). +</p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia"> Składnia </h3> +<pre class="eval">@media <i><typy mediów></i> { + /* reguły specyficzne dla medium */ +} +</pre> +<h3 id="Typy_medi.C3.B3w" name="Typy_medi.C3.B3w"> Typy mediów </h3> +<dl><dt>all +</dt><dd>Pasujące dla wszystkich urządzeń. +</dd><dt>braille +</dt><dd>Przeznaczone dla dotykowych urządzeń brailla. +</dd><dt>embossed +</dt><dd>Przeznaczone dla drukarek brailla. +</dd><dt>handheld +</dt><dd>Przeznaczone dla urządzeń kieszonkowych (przeważnie z małym ekranem, ograniczoną przepustowością). +</dd><dt>print +</dt><dd>Przeznaczone dla materiałów stronnicowanych lub dokumentów pokazywanych na ekranie w trybie podglądu wydruku. Sprawdź rozdział o mediach stronnicowanych, aby dowiedzieć się o zagadnieniach formatowania, które są specyficzne dla mediów stronnicowanych. +</dd><dt>projection +</dt><dd>Przeznaczone dla rzutowanych prezentacji, np. projektorów. Sprawdź rozdział o mediach stronnicowanych, aby dowiedzieć się o zagadnieniach formatowania, które są specyficzne dla mediów stronnicowanych. +</dd><dt>screen +</dt><dd>Przeznaczone przede wszystkim dla kolorowych ekranów komputerowych. +</dd><dt>speech +</dt><dd>Przeznaczone dla syntezatorów mowy. Uwaga: CSS2 miał do tego celu podobny typ mediów nazywany 'aural' . Zobacz w dodatku szczegóły o arkuszach stylów 'aural'. +</dd><dt>tty +</dt><dd>Przeznaczone dla mediów używających dla znaków siatki o stałej podziałce (jak np. dalekopis, terminal lub urządzenia przenośne o ograniczonych możliwościach wyświetlania). Autorzy nie powinni używać dla medium "tty" jednostek w pikselach. +</dd><dt>tv +</dt><dd>Przeznaczone dla urządzeń telewizyjnych (niska rozdzielczość, kolor, ograniczone przewijanie ekranów, dźwięk dostępny). +</dd></dl> +<p><br> +</p> +<h3 id="Grupy_medi.C3.B3w" name="Grupy_medi.C3.B3w"> Grupy mediów </h3> +<p>Typy mediów są również częścią różnych grup mediów. Poniższa tabel pokazuje, które typy są w których grupach. +</p> +<table class="standard-table"> <tbody><tr> +<td> +</td><td class="header" colspan="10" style="text-align: center;">Grupy +</td></tr> <tr> +<td class="header">Typ +</td><td class="header">continuous +</td><td class="header">paged +</td><td class="header">visual +</td><td class="header">audio +</td><td class="header">speech +</td><td class="header">tactile +</td><td class="header">grid +</td><td class="header">bitmap +</td><td class="header">interactive +</td><td class="header">static +</td></tr> <tr> +<td class="header">braille +</td><td>X +</td><td> +</td><td> +</td><td> +</td><td> +</td><td>X +</td><td>X +</td><td> +</td><td>X +</td><td>X +</td></tr> <tr> +<td class="header">embossed +</td><td> +</td><td>X +</td><td> +</td><td> +</td><td> +</td><td>X +</td><td>X +</td><td> +</td><td> +</td><td>X +</td></tr> <tr> +<td class="header">handheld +</td><td>X +</td><td>X +</td><td>X +</td><td>X +</td><td>X +</td><td> +</td><td>X +</td><td>X +</td><td>X +</td><td>X +</td></tr> <tr> +<td class="header">print +</td><td> +</td><td>X +</td><td>X +</td><td> +</td><td> +</td><td> +</td><td> +</td><td>X +</td><td> +</td><td>X +</td></tr> <tr> +<td class="header">projection +</td><td> +</td><td>X +</td><td>X +</td><td> +</td><td> +</td><td> +</td><td> +</td><td>X +</td><td>X +</td><td> +</td></tr> <tr> +<td class="header">screen +</td><td>X +</td><td> +</td><td>X +</td><td>X +</td><td> +</td><td> +</td><td> +</td><td>X +</td><td>X +</td><td>X +</td></tr> <tr> +<td class="header">speech +</td><td>X +</td><td> +</td><td> +</td><td> +</td><td>X +</td><td> +</td><td> +</td><td> +</td><td>X +</td><td>X +</td></tr> <tr> +<td class="header">tty +</td><td>X +</td><td> +</td><td>X +</td><td> +</td><td> +</td><td> +</td><td>X +</td><td> +</td><td>X +</td><td>X +</td></tr> <tr> +<td class="header">tv +</td><td>X +</td><td>X +</td><td>X +</td><td>X +</td><td> +</td><td> +</td><td> +</td><td>X +</td><td>X +</td><td>X +</td></tr> +</tbody></table> +<h3 id="Przyk.C5.82ady" name="Przyk.C5.82ady"> Przykłady </h3> +<pre> @media print { + body { font-size: 10pt } + } + @media screen { + body { font-size: 13px } + } + @media screen, print { + body { line-height: 1.2 } + } +</pre> +<h3 id="Uwagi" name="Uwagi"> Uwagi </h3> +<p>Wielomodalny typ medium jest wciąż jednym typem medium. Np. typ medium 'tv' jest wielomodalnym typem, który prezentuje jednocześnie wizualnie i słuchowo dla jednego obrazu. +</p> +<h3 id="Specyfikacje" name="Specyfikacje"> Specyfikacje </h3> +<ul><li> <a class="external" href="http://www.w3.org/TR/CSS21/media.html#at-media-rule">CSS 2.1</a> +</li></ul> +<h3 id="Zgodno.C5.9B.C4.87_z_przegl.C4.85dark.C4.85" name="Zgodno.C5.9B.C4.87_z_przegl.C4.85dark.C4.85"> Zgodność z przeglądarką </h3> +<h3 id="Zobacz_tak.C5.BCe" name="Zobacz_tak.C5.BCe"> Zobacz także </h3> +<p>{{ Cssxref("@import") }}, {{ Cssxref("@font-face") }} +</p>{{ languages( { "en": "en/CSS/@media", "fr": "fr/CSS/@media" } ) }} |