Inne działy

 

 

CSS - Typy mediów

 

 Jedną z najważniejszych cech arkuszy stylów jest, że one mogą określić, jak dokument jest przedstawiany na różnych nośnikach: na ekranie, na papierze, z syntezatora mowy, z urządzenia Braille'a, itp.

Poniżej dwa sposoby określania zależności mediów dla arkuszy stylów:

  • Określ miejsce docelowe arkusza stylów za pomocą zasad @media lub @import.
  • Określa medium docelowe w języku dokumentu

Zasada @media

Reguła @media określa typy mediów docelowych (oddzielone przecinkami) w zestawie reguł.

Oto przykład: 

<style tyle="text/css">
<!--
@media print {
    body { font-size: 10pt }
  }
  @media screen {
    body { font-size: 12pt }
  }
  @media screen, print {
    body { line-height: 1.2 }
  }
-->
</style>

 

Język dokumentu:

W HTML 4.0 atrybut media w elemencie LINK określa media z zewnętrznego arkusza stylów:

Oto przykład:

 

<style tyle="text/css">
<!--
<!doctype html public "-//w3c//dtd html 4.0//en">
<html>
   <head>
      <title> link do miejsca docelowego</title>
      <link rel="stylesheet" type="text/css" 
	  media="print, handheld" href="/foo.css">
   </head>
   <body>
      <p>body...
   </body>
</html>
-->
</style>

 

 Rozpoznawane typy mediów:

Nazwy wybranych typów mediów CSS odzwierciedlają urządzenia docelowe, dla których odpowiednie właściwości nadają sensu. Poniżej znajduje się lista różnych typów mediów: 

 

WartośćOpis
all Odpowiedni do wszystkich urządzeń.
aural Przeznaczone dla syntezatorów mowy.
braille Przeznaczone dla dotykowych urządzeń brailla.
embossed Przeznaczone dla drukarek brailla.
handheld Przeznaczone do urządzeń przenośnych (zazwyczaj mały ekran, monochromatyczne, ograniczona przepustowość).
print Przeznaczone dla stronicowanych, nieprzezroczystych materiałów i dokumentów oglądanych na ekranie w trybie podglądu wydruku. Sprawdź rozdział o mediach stronicowanych.
projection Przeznaczone do prezentacji, na przykład projektory lub wydruki na przezroczach. Sprawdź rozdział o mediach stronnicowanych.
screen Przeznaczone przede wszystkim dla kolorowych ekranów komputerowych.
tty Przeznaczone dla mediów posługujących się znakami o stałej szerokości, np. dalekopis, terminal lub urządzenia przenośne o ograniczonych możliwościach wyświetlania.
tv Przeznaczone do urządzeń telewizyjnych.

 

 Uwaga: Nazwy typu Media są niewrażliwe na wielkość znaków.

 

Zobacz nasze wszystkie kursy

WWW


HTML
HTML - Znaczniki
CSS - Tutorial
CSS - Selektory
PHP
JavaScript

XML

XSLT

Bazy danych


SQL
SQLite
MySQL
PostgreSQL

 

 

Programowanie


C
C++
C#
Java
VisualBasic
Python

Linux


Podstawy Linuxa
Bash
Linuks artykuły

Windows


Excel funkcje
Windows wskazówki
Outlook

Pozotałe działy


Programy
Rozrywka

 

 

 

This email address is being protected from spambots. You need JavaScript enabled to view it.