CSS - Loại phương tiện

Một trong những tính năng quan trọng nhất của biểu định kiểu là chúng chỉ định cách tài liệu được trình bày trên các phương tiện khác nhau: trên màn hình, trên giấy, với bộ tổng hợp giọng nói, với thiết bị chữ nổi, v.v.

Chúng tôi hiện có hai cách để chỉ định phụ thuộc phương tiện cho các biểu định kiểu -

  • Chỉ định phương tiện mục tiêu từ biểu định kiểu với @media hoặc @import at-rules.

  • Chỉ định phương tiện đích trong ngôn ngữ tài liệu.

Quy tắc @media

Một @media quy tắc quy định cụ thể các loại phương tiện truyền thông mục tiêu (phân cách bằng dấu phẩy) của một bộ quy tắc.

Dưới đây là một ví dụ -

<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>

Ngôn ngữ tài liệu

Trong HTML 4.0, thuộc tính media trên phần tử LINK chỉ định phương tiện đích của biểu định kiểu bên ngoài -

Sau đây là một ví dụ -

<style tyle = "text/css">
   <!--
      <!doctype html public "-//w3c//dtd html 4.0//en">
      <html>
         <head>
            <title>link to a target medium</title>
            <link rel = "stylesheet" type = "text/css" media = "print, 
               handheld" href = "foo.css">
         </head>

         <body>
            <p>the body...
         </body>
      </html>
   -->
</style>

Các loại phương tiện được công nhận

Các tên được chọn cho các loại phương tiện CSS phản ánh các thiết bị mục tiêu mà các thuộc tính liên quan có ý nghĩa. Chúng cho biết loại phương tiện được dùng để chỉ thiết bị. Dưới đây là danh sách các loại phương tiện khác nhau -

Sr.No. Giá trị & Mô tả
1

all

Thích hợp cho tất cả các thiết bị.

2

aural

Dành cho trình tổng hợp giọng nói.

3

braille

Dành cho các thiết bị phản hồi xúc giác chữ nổi.

4

embossed

Dành cho máy in chữ nổi phân trang.

5

handheld

Dành cho các thiết bị cầm tay (thường là màn hình nhỏ, đơn sắc, băng thông hạn chế).

6

print

Dành cho tài liệu được phân trang, mờ đục và tài liệu được xem trên màn hình ở chế độ xem trước khi in. Vui lòng tham khảo phần về phương tiện được phân trang.

7

projection

Dành cho các bài thuyết trình được chiếu, ví dụ như máy chiếu hoặc in ra giấy trong suốt. Vui lòng tham khảo phần về phương tiện được phân trang.

số 8

screen

Chủ yếu dành cho màn hình máy tính màu.

9

tty

Dành cho phương tiện sử dụng lưới ký tự có độ cao cố định, chẳng hạn như loại viễn thông, thiết bị đầu cuối hoặc thiết bị di động có khả năng hiển thị hạn chế.

10

tv

Dành cho các thiết bị loại truyền hình.

NOTE - Tên loại phương tiện không phân biệt chữ hoa chữ thường.