ต่อไปนี้คือสองวิธีในการระบุ media dependencies สำหรับ style sheets:
- ระบุสื่อเป้าหมายจากไฟล์สไตล์ด้วยกฎ @media หรือ @import at-rules
- ระบุสื่อเป้าหมายภายในภาษาเอกสาร
ตัวอย่าง
ลองดูตัวอย่างของกฎ @media:
<style> <!-- @media print { body { font-size: 10pt } } @media screen { body { font-size: 12pt } } @media screen, print { body { line-height: 1.2 } } --> </style>