HTML <style> 标籤

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

Paglilinaw at Paggamit

<style> Tag ay ginagamit upang tukuyin ang impormasyon ng estilo ng dokumento (CSS).

Sa <style> Sa elemento, maaari mong itakda ang paraan ng pagpapakita ng HTML elemento sa browser.

Isipin na ang style elemento ay naglilinaw ng inlayed na CSS estilo sa HTML dokumento, habang ang link elemento ay ginagamit upang i-import ang estilo mula sa panlabas na stylesheet.

Ang style elemento ay puwedeng lumapit sa iba't ibang bahagi ng HTML dokumento. Ang dokumento ay maaaring magkaroon ng ilang style elemento, kaya hindi kailangang ilagay ang lahat ng pangkat ng estilo sa bahagi ng head. Ito ay napaka-mahalaga sa mga kaso ng pagbuo ng pahina gamit ang template engine, dahil sa gayon, maaaring magbigay ng suplemento sa estilo na inilagay ng template.

Bilang karagdagan:

HTML Tutorial:HTML CSS

CSS Tutorial:CSS คู่มือ

HTML DOM Sanggunian ng Pamamaraan:Style Obheto

Halimbawa

Halimbawa 1

Gamitin <style> Ang elemento ay naglilipat ng simpleng stylesheet sa HTML dokumento:

<html>
<head>
<style>
  h1 {color:red;}
  p {color:blue;}
</style>
</head>
<body>
<h1>Ito ay isang pamagat</h1>
<p>Ito ay isang paragrapo.</p>
</body>
</html>

Subukan nang personal

Halimbawa 2

Mga iba't ibang estilo para sa parehong elemento:

<html>
<head>
<style>
  h1 {color:red;}
  p {color:blue;}
</style>
<style>
  h1 {color:green;}
  p {color:pink;}
</style>
</head>
<body>
<h1>Ito ay isang pamagat</h1>
<p>Ito ay isang paragrapo.</p>
</body>
</html>

Subukan nang personal

Mga paalala at puna

Babala:Sa panahon na ang browser ay binabasa ang stylesheet, ito ay magpahintay ng pormat ng HTML dokumento ayon sa impormasyon sa stylesheet. Kung mayroong ilang paglilinaw ng mga katangian para sa parehong selector (elemento) sa iba't ibang stylesheet, gagamitin ang halaga mula sa huling na basahang stylesheet (tingnan ang halimbawa sa itaas)!

คำแนะนำ：เพื่อลิงก์ไปยังสไตล์เซ็ตต์ภายนอก ใช้ <link> แอ็กซ์โอเปอร์ต์。

คำแนะนำ：เพื่อได้รับข้อมูลเพิ่มเติมเกี่ยวกับสไตล์เซ็ตต์ โปรดอ่าน CSS คู่มือ。

คุณสมบัติ

คุณสมบัติ ค่า การอธิบาย
media คำสั่ง 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>