ต่อไปนี้คือสองวิธีในการระบุการพึ่งพาสื่อสำหรับสไตล์ชีต
- ระบุสื่อเป้าหมายจากสไตล์ชีตด้วย @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> 