aboutsummaryrefslogtreecommitdiff
path: root/files/pl/web/css/@media/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/pl/web/css/@media/index.html')
-rw-r--r--files/pl/web/css/@media/index.html193
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>&lt;typy mediów&gt;</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" } ) }}