แท็ก <style> ใน HTML ใช้สำหรับประกาศแผ่นสไตล์ (style sheets) ภายในส่วนหัว (<head>) ของเอกสาร HTML ช่วยให้สามารถกำหนด CSS โดยตรงในหน้าเว็บได้
แอตทริบิวต์ของ <style>
| แอตทริบิวต์ | ค่า | คำอธิบาย |
|---|---|---|
| type | text/css | ระบุภาษาแผ่นสไตล์เป็น content-type (MIME type) |
| media | screen, tty, tv, projection, handheld, print, braille, aural, all | ระบุอุปกรณ์ที่เอกสารจะแสดงผล |
ตัวอย่าง
คุณสามารถลองรันโค้ดต่อไปนี้เพื่อสร้างการกำหนดสไตล์ใน HTML:
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<h3>การจัดอันดับ</h3>
<table>
<th>อันดับ</th>
<tr>
<td>หนึ่ง</td>
</tr>
<tr>
<td>สอง</td>
</tr>
</table>
</body>
</html>
การใช้ <style> ใน <head> เหมาะสำหรับสไตล์เฉพาะหน้า ส่วนเว็บไซต์ขนาดใหญ่ควรใช้ไฟล์ CSS ภายนอกแยกต่างหาก
