CSS text-emphasis-style ทางนิยาย

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

text-emphasis-style คุณสมบัติตั้งค่าสไตล์การเน้นฉาก

คำเตือน:ขนาดการเน้นฉากประมาณ 50% ของขนาดตัวอักษร

ตัวอย่าง

ใช้ text-emphasis-style คุณสมบัติ:

p.ex1 {
  text-emphasis-style: filled;
}
p.ex2 {
  text-emphasis-style: open;
}
p.ex3 {
  text-emphasis-style: double-circle;
}
p.ex4 {
  text-emphasis-style: "#";
}

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

CSS ภาษา

text-emphasis-style: none|filled|open|dot|circle|double-circle|triangle|sesame|string|initial|inherit;

ค่าทางภาษา

ค่า คำอธิบาย
none ไม่นำไปใช้การเน้นฉาก
filled เน้นการติดฉากโดยสีเต็ม
open เน้นการติดฉากโดยช่องว่าง
dot เน้นการติดฉากโดยจุดเล็ก
circle เน้นการติดฉากโดยรูปทรงวงกลม
double-circle เน้นการติดฉากโดยรูปทรงวงกลมเท่าดังกล่าว
triangle เน้นการติดฉากโดยรูปทรงสามเหลี่ยม
sesame เน้นการติดฉากโดยฉากซีซิม
string เน้นการติดฉากโดยสตริงที่กำหนด
initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้นของมัน。ดู initial
inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบพ่อของมัน。ดู inherit

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

ค่าเริ่มต้น: none
นิยมนาม: yes
เวอร์ชัน: CSS3
ย่างที่จะใช้ภาษาเจ้าภาพ JavaScript: object.style.textEmphasisStyle="triangle"

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

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

ชโรม เอดจ์ ฟากซ์ เซฟาฟาย ออเปร่า
99.0 99.0 46.0 7.0 85.0