ตัวอย่าง
การใช้งานของ <style> องค์ประกอบในเอกสาร HTML:
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>A heading</h1>
<p>A paragraph.</p>
</body>
</html>
ลองตัวเอง» ความหมายและการใช้งาน
<style> แท็กที่ใช้ในการกำหนดข้อมูลสำหรับรูปแบบเอกสาร HTML
ภายใน <style> องค์ประกอบที่คุณระบุว่าองค์ประกอบ HTML ควรแสดงผลในเบราว์เซอร์
เอกสาร HTML แต่ละคนสามารถมีหลาย <style> แท็ก
สนับสนุนเบราว์เซอร์
| ธาตุ | |||||
|---|---|---|---|---|---|
| <style> | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
เคล็ดลับและคำอธิบาย
เคล็ดลับ: การเชื่อมโยงไปยังสไตล์ชีตภายนอกใช้ <link> แท็ก
เคล็ดลับ: หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับแผ่นสไตล์โปรดอ่าน การสอน CSS
หมายเหตุ: ถ้า "scoped" แอตทริบิวต์ไม่ได้ใช้แต่ละ <style> แท็กจะต้องอยู่ในส่วนหัว
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
"scoped" แอตทริบิวต์เป็นของใหม่ใน HTML5 ซึ่งจะช่วยให้การกำหนดรูปแบบสำหรับส่วนที่ระบุของเอกสาร ถ้า "scoped" แอตทริบิวต์เป็นปัจจุบันรูปแบบเดียวที่นำไปใช้กับองค์ประกอบหลักองค์ประกอบรูปแบบและองค์ประกอบของที่องค์ประกอบของเด็ก
แอตทริบิวต์
= ใหม่ใน HTML5
| คุณลักษณะ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| media | media_query | ระบุสิ่งที่สื่อ / อุปกรณ์ทรัพยากรสื่อที่เหมาะสำหรับ |
| scoped | scoped | ระบุว่ารูปแบบจะใช้กับองค์ประกอบหลักขององค์ประกอบนี้และขององค์ประกอบที่องค์ประกอบของเด็ก |
| type | text/css | ระบุชนิดของสื่อของ <style> แท็ก |
แอตทริบิวต์ทั่วโลก
<style> แท็กยังสนับสนุน แอตทริบิวต์ใน HTML
แอตทริบิวต์เหตุการณ์
<style> แท็กยังสนับสนุน คุณสมบัติเหตุการณ์ใน HTML
หน้าเว็บที่เกี่ยวข้อง
กวดวิชา HTML: HTML CSS
กวดวิชา CSS: CSS สอน
อ้างอิง HTML DOM: Style วัตถุ
ตั้งค่าเริ่มต้น CSS
เบราว์เซอร์ส่วนใหญ่จะแสดง <style> องค์ประกอบที่มีค่าเริ่มต้นต่อไปนี้:
style {
display: none;
}