CSS - ประเภทสื่อ

คุณสมบัติที่สำคัญที่สุดอย่างหนึ่งของสไตล์ชีตคือการระบุวิธีการนำเสนอเอกสารบนสื่อต่างๆ: บนหน้าจอบนกระดาษด้วยเครื่องสังเคราะห์เสียงพูดพร้อมอุปกรณ์อักษรเบรลล์เป็นต้น

ขณะนี้เรามีสองวิธีในการระบุการอ้างอิงสื่อสำหรับสไตล์ชีต -

ระบุสื่อเป้าหมายจากสไตล์ชีตด้วยกฎ @media หรือ @import
ระบุสื่อเป้าหมายภายในภาษาเอกสาร

กฎ @media

@mediaกฎระบุประเภทสื่อเป้าหมาย (คั่นด้วยเครื่องหมายจุลภาค) ของชุดของกฎ

ให้ด้านล่างเป็นตัวอย่าง -

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

ภาษาเอกสาร

ใน HTML 4.0 แอตทริบิวต์สื่อบนองค์ประกอบ LINK ระบุสื่อเป้าหมายของสไตล์ชีตภายนอก -

ต่อไปนี้เป็นตัวอย่าง -

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

ประเภทสื่อที่รู้จัก

ชื่อที่เลือกสำหรับประเภทสื่อ CSS จะแสดงถึงอุปกรณ์เป้าหมายที่คุณสมบัติที่เกี่ยวข้องเหมาะสม พวกเขาให้ความรู้สึกว่าอุปกรณ์ประเภทใดที่สื่อถึงหมายถึง ด้านล่างนี้เป็นรายชื่อสื่อประเภทต่างๆ -

ซีเนียร์	มูลค่าและรายละเอียด
1	all เหมาะสำหรับอุปกรณ์ทั้งหมด
2	aural มีไว้สำหรับเครื่องสังเคราะห์เสียง
3	braille มีไว้สำหรับอุปกรณ์ตอบรับการสัมผัสอักษรเบรลล์
4	embossed มีไว้สำหรับเครื่องพิมพ์อักษรเบรลล์แบบเพจ
5	handheld มีไว้สำหรับอุปกรณ์พกพา (โดยทั่วไปจะเป็นหน้าจอขนาดเล็กขาวดำแบนด์วิดท์ จำกัด )
6	print มีไว้สำหรับหน้าวัสดุทึบแสงและสำหรับเอกสารที่ดูบนหน้าจอในโหมดแสดงตัวอย่างก่อนพิมพ์ โปรดดูส่วนบนสื่อเพจ
7	projection มีไว้สำหรับการนำเสนอแบบฉายภาพเช่นโปรเจ็กเตอร์หรือพิมพ์ลงแผ่นใส โปรดดูส่วนบนสื่อเพจ
8	screen มีไว้สำหรับหน้าจอคอมพิวเตอร์สีเป็นหลัก
9	tty มีไว้สำหรับสื่อที่ใช้ตารางอักขระระยะพิทคงที่เช่นโทรพิมพ์เทอร์มินัลหรืออุปกรณ์พกพาที่มีความสามารถในการแสดงผล จำกัด
10	tv มีไว้สำหรับอุปกรณ์ประเภทโทรทัศน์

NOTE - ชื่อประเภทสื่อไม่คำนึงถึงตัวพิมพ์เล็กและใหญ่