CSS text-decoration-thickness คุณสมบัติ

คำแนะนำหลักสูตร：

คำอธิบายและวิธีใช้

คุณสมบัติ text-decoration-thickness กำหนดความหนาของโรยลาย

ดูเพิ่มเติมที่：คู่มือ CSS ตัวอย่าง：

คุณสมบัติ text-decorationCSS ข้อความ

เรียนรู้ CSS：

ตัวอย่าง

กำหนดความหนาของโรยลายที่ต่างกันสำหรับองค์ประกอบ <h1>、<h2>、<h3>、<h4>：
  text-decoration: underline;
  text-decoration-thickness: auto;
}
h2 {
  text-decoration: underline;
  text-decoration-thickness: 5px;
}
h3 {
  text-decoration: underline;
  text-decoration-thickness: 50%;
}
/* ใช้คุณสมบัติย่อ */
h4 {
  text-decoration: underline solid red 50%;
}

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

ระบบทางการโค้ดของ CSS

text-decoration-thickness: auto|from-font|length/percentage|initial|inherit;

ค่าของอุปกรณ์

ค่า คำอธิบาย
auto เบราวเซอร์เลือกความหนาของโรยลาย
from-font หากไฟล์ตัวอักษรประกอบมีข้อมูลเกี่ยวกับความหนาที่ชอบ ใช้ค่านี้ ถ้าไม่มี จะแสดงว่า auto
length/percentage กำหนดความหนาของแบบตัวอักษรเป็นค่ายาวหรือเปอร์เซ็นต์
initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น。ดู initial。
inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบพ่อของมัน。ดู inherit。

รายละเอียดเทคนิค

ค่าเริ่มต้น： auto
ตามรูปแบบ ไม่
การสร้างแอนิเมชัน： ไม่สนับสนุน。ดูข้อมูลที่：คุณสมบัติที่เกี่ยวข้องกับอนุรักษ์。
รุ่น： CSS4
ระบบทางการโค้ดของ JavaScript： object.style.textDecorationThickness="5px"

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

ตัวเลขในตารางชี้ว่ารุ่นบราวเซอร์ที่สนับสนุนคุณสมบัตินี้ครบถ้วน

Chrome IE / Edge Firefox Safari Opera
89.0 89.0 70.0 12.1 75.0