ล่าสุดการพัฒนาเว็บบทเรียน

×

HTML การอ้างอิง

HTML ตามลำดับตัวอักษร (เรียงลำดับ) HTML ตามหมวดหมู่ (เรียงลำดับ) HTML แอตทริบิวต์ HTML แอตทริบิวต์ทั่วโลก HTML เหตุการณ์ HTML ผ้าใบ HTML เสียง / วิดีโอ HTML doctypes HTML เข้ารหัส URL HTML รหัสภาษา HTML รหัสประเทศ HTTP ข้อความ HTTP วิธีการ PX จะ EM แปลง แป้นพิมพ์ลัด

HTML แท็ก

<!--> <!DOCTYPE> <a> <abbr> <acronym> <address> <applet> <area> <article> <aside> <audio> <b> <base> <basefont> <bdi> <bdo> <big> <blockquote> <body> <br> <button> <canvas> <caption> <center> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <dir> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <font> <footer> <form> <frame> <frameset> <h1> - <h6> <head> <header> <hr> <html> <i> <iframe> <img> <input> <ins> <kbd> <keygen> <label> <legend> <li> <link> <main> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <noframes> <noscript> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <rp> <rt> <ruby> <s> <samp> <script> <section> <select> <small> <source> <span> <strike> <strong> <style> <sub> <summary> <sup> <table> <tbody> <td> <textarea> <tfoot> <th> <thead> <time> <title> <tr> <track> <tt> <u> <ul> <var> <video> <wbr>

HTML <style> media Attribute

<html <style> แท็ก

ตัวอย่าง

ระบุรูปแบบที่จะใช้สำหรับการพิมพ์:

<style media="print">
h1 {color:#000000;}
p {color:#000000;}
body {background-color:#FFFFFF;}
</style>

ลองตัวเอง»

ความหมายและการใช้งาน

media แอตทริบิวต์ระบุสิ่งที่สื่อ / อุปกรณ์รูปแบบ CSS ที่เหมาะสำหรับ

คุณลักษณะนี้จะใช้ในการระบุว่ารูปแบบคือสำหรับอุปกรณ์พิเศษ (เช่น iPhone) พูดหรือสื่อสิ่งพิมพ์

เคล็ดลับ: คุณลักษณะนี้สามารถยอมรับค่าหลาย

สนับสนุนเบราว์เซอร์

คุณลักษณะ
media	ใช่	ใช่	ใช่	ใช่	ใช่

ความแตกต่างระหว่าง HTML 4.01 และ HTML5

ไม่มี.

วากยสัมพันธ์

<style media="value">

เป็นไปได้ที่ Operators

ความคุ้มค่า	ลักษณะ
and	ระบุและผู้ประกอบการ
not	ระบุผู้ประกอบการไม่ได้
,	ระบุผู้ประกอบการหรือ

อุปกรณ์

ความคุ้มค่า	ลักษณะ
all	ค่าเริ่มต้น. เหมาะสำหรับอุปกรณ์ทั้งหมด
aural	สังเคราะห์เสียงพูด
braille	อุปกรณ์ความคิดเห็นอักษรเบรลล์
handheld	อุปกรณ์มือถือ (หน้าจอขนาดเล็ก จำกัด แบนด์วิดธ์)
projection	โปรเจ็คเตอร์
print	โหมดการแสดงตัวอย่างพิมพ์ / พิมพ์หน้า
screen	หน้าจอคอมพิวเตอร์
tty	Teletypes และสื่อคล้ายกันโดยใช้คงที่สนามตารางตัวอักษร
tv	อุปกรณ์ประเภทโทรทัศน์ (ความละเอียดต่ำความสามารถ จำกัด ในการเลื่อน)

ค่า

ความคุ้มค่า	ลักษณะ
ความกว้าง	ระบุความกว้างของพื้นที่แสดงผลการกำหนดเป้าหมายที่ "min-" และ "max-" คำนำหน้าสามารถนำมาใช้ ตัวอย่าง: media="screen and (min-width:500px)"
ความสูง	ระบุความสูงของพื้นที่แสดงผลการกำหนดเป้าหมายที่ "min-" และ "max-" คำนำหน้าสามารถนำมาใช้ ตัวอย่าง: media="screen and (max-height:700px)"
อุปกรณ์ที่มีความกว้าง	ระบุความกว้างของจอแสดงผลเป้าหมาย / กระดาษ "min-" และ "max-" คำนำหน้าสามารถนำมาใช้ ตัวอย่าง: media="screen and (device-width:500px)"
อุปกรณ์ที่มีความสูง	ระบุความสูงของจอแสดงผลเป้าหมาย / กระดาษ "min-" และ "max-" คำนำหน้าสามารถนำมาใช้ ตัวอย่าง: media="screen and (device-height:500px)"
ปฐมนิเทศ	ระบุการวางแนวของจอแสดงผลเป้าหมาย / กระดาษ ค่าที่เป็นไปได้: "portrait" หรือ "landscape" ตัวอย่าง: media="all and (orientation: landscape)"
อัตราส่วน	ระบุอัตราส่วนความกว้าง / ความสูงของพื้นที่แสดงผลเป้าหมาย "min-" และ "max-" คำนำหน้าสามารถนำมาใช้ ตัวอย่าง: media="screen and (aspect-ratio:16/9)"
อุปกรณ์อัตราส่วน	ระบุอัตราส่วนกว้างของอุปกรณ์ / อุปกรณ์ความสูงของจอแสดงผลเป้าหมาย / กระดาษ "min-" และ "max-" คำนำหน้าสามารถนำมาใช้ ตัวอย่าง: media="screen and (aspect-ratio:16/9)"
สี	ระบุบิตต่อสีของจอแสดงผลเป้าหมาย "min-" และ "max-" คำนำหน้าสามารถนำมาใช้ ตัวอย่าง: media="screen and (color:3)"
สีดัชนี	ระบุจำนวนสีจอแสดงผลเป้าหมายสามารถจัดการ "min-" และ "max-" คำนำหน้าสามารถนำมาใช้ ตัวอย่าง: media="screen and (min-color-index:256)"
ขาวดำ	ระบุบิตต่อพิกเซลในเฟรมบัฟเฟอร์ขาวดำ "min-" และ "max-" คำนำหน้าสามารถนำมาใช้ ตัวอย่าง: media="screen and (monochrome:2)"
ความละเอียด	ระบุความหนาแน่นของพิกเซล (dpi หรือ DPCM) ของจอแสดงผลเป้าหมาย / กระดาษ "min-" และ "max-" คำนำหน้าสามารถนำมาใช้ ตัวอย่าง: media="print and (resolution:300dpi)"
การสแกน	ระบุวิธีการสแกนแสดงภาพของทีวี ค่าที่เป็นไปได้ "ก้าวหน้า" และ "ซ้อนทับ" ตัวอย่าง: media="tv and (scan:interlace)"
ตะแกรง	ระบุหากอุปกรณ์ออกเป็นตารางหรือบิตแมป ค่าที่เป็นไปได้ "1" สำหรับตารางและ "0" เป็นอย่างอื่น ตัวอย่าง: media="handheld and (grid:1)"

<html <style> แท็ก