HTML แบบแท้ <style>

  • หน้าก่อน <strong>
  • หน้าต่อไป <sub>

การกำหนดและการใช้งาน

<style> ตัวแทนใช้นำข้อมูลรูปแบบของเอกสาร (CSS)

ใน <style> ในตัวแทน คุณสามารถกำหนดวิธีที่องค์ประกอบจะแสดงในเบราซเซอร์

โปรดจำไว้ว่า ตัวแทน style กำหนดสไตล์ CSS ที่ฝังตัวในเอกสาร HTML และตัวแทน link ใช้นำสไตล์จากไฟล์เส้นทางสไตล์นอก

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

ดูเพิ่มเติมที่

การเรียนรู้ HTMLHTML CSS

การเรียนรู้ CSSตัวเรียน CSS

คู่มือ HTML DOMStyle ออบเจ็ต

ตัวอย่าง

ตัวอย่าง 1

ใช้ <style> องค์ประกอบจะใช้สไตล์ที่เรียกเรียงโดยตรงในเอกสาร HTML

<html>
<head>
<style>
  h1 {color:red;}
  p {color:blue;}
</style>
</head>
<body>
<h1>นี่คือหัวข้อ</h1>
<p>นี่คือจุดยืน</p>
</body>
</html>

ทดลองด้วยตัวเอง

ตัวอย่าง 2

สไตล์หลายรูปแบบขององค์ประกอบเดียวกัน

<html>
<head>
<style>
  h1 {color:red;}
  p {color:blue;}
</style>
<style>
  h1 {color:green;}
  p {color:pink;}
</style>
</head>
<body>
<h1>นี่คือหัวข้อ</h1>
<p>นี่คือจุดยืน</p>
</body>
</html>

ทดลองด้วยตัวเอง

คำแนะนำและหมายเหตุ

注意：เมื่อเบราซเซอร์อ่านไฟล์เส้นทางสไตล์ มันจะจัดระเบียบเอกสาร HTML ตามข้อมูลที่มีในไฟล์เส้นทางสไตล์ ถ้ามีการกำหนดคุณสมบัติของเลือกตัวเลือก (องค์ประกอบ) ในไฟล์เส้นทางสไตล์ที่แยกต่างกัน ก็จะใช้คุณสมบัติที่อ่านได้ในไฟล์เส้นทางสไตล์ที่อ่านล่าสุด (ดูตัวอย่างข้างต้น) !

ข้อเตือน:เพื่อลิงค์ไปยังโซ่สไตล์ภายนอก ใช้ <link> แบบภาพ。

ข้อเตือน:ข้อเตือน: สำหรับข้อมูลเกี่ยวกับโซ่สไตล์ โปรดอ่าน ตัวเรียน CSS。

คุณสมบัติ

คุณสมบัติ ค่า คำอธิบาย
media คำค้นหาสื่อ กำหนดสื่อที่ใช้สำหรับการทำสไตล์
type text/css กำหนดชนิดสื่อของแบบภาพ <style> ตามที่กำหนด

คุณสมบัติโลก

<style> แบบภาพยังสนับสนุน คุณสมบัติโลกใน HTML。

คุณสมบัติเหตุการณ์

<style> แบบภาพยังสนับสนุน คุณสมบัติเหตุการณ์ใน HTML。

การตั้งค่า CSS ปริยาย

โปรแกรมนี้จะแสดงค่าปริยายตามต่อไปนี้ <style> องค์ประกอบ：

style {
  display: none;
}

การสนับสนุนโปรแกรมนี้

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน
  • หน้าก่อน <strong>
  • หน้าต่อไป <sub>