CSS text-emphasis-style ทางนิยาย
- หน้าก่อน text-emphasis-position
- หน้าต่อไป text-indent
คำอธิบายและวิธีใช้
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 |
- หน้าก่อน text-emphasis-position
- หน้าต่อไป text-indent