Liên kết tới file css theo media="screen,print"

HTML viết như sau:

<p class="screen">Text hiển thị.</p>

CSS viết như sau:

p.media {
	color: red;
}

Hiển thị trên trình duyệt (layout)

Hiển thị trên trang print

Để xem trang print, bạn chọn trên trình duyệt (firefox hay IE): file/Print Preview.

Khi xem dạng print, chúng ta sẽ thấy dòng text: "Text hiển thị" sẽ hiển thị như hiển thị trên trình duyệt.

Ví dụ về media

• Liên kết tới file css theo media="screen"
• Liên kết tới file css theo media="print"
• Liên kết tới file css theo dạng kết hợp media="screen,print"
• Liên kết tới file css theo media="all"