CSS text-underline-position thuộc性能

การระบุและการใช้งาน

text-underline-position คุณสมบัตินี้กำหนดตำแหน่งขีดใต้ของตรรกธรรมดา

ตัวอย่าง

ตั้งค่าตำแหน่งขีดใต้ของตรรกธรรมดา

div.a {
  text-decoration: underline;
  text-underline-position: auto;
}
div.b {
  text-decoration: underline;
  text-underline-position: under;
}

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

CSS ภาษา

text-underline-position: auto|under|from-font|left|right|initial|inherit;

ค่าของคุณสมบัติ

ค่า รายละเอียด
auto ค่าเริ่มต้น บราวเซอร์จัดตั้งตำแหน่งขีดใต้
under ตั้งค่าขีดใต้ที่ด้านล่างของตัวอักษรฐาน
from-font

หากไฟล์แบบงานมีข้อมูลเกี่ยวกับตำแหน่งขีดใต้ ใช้ค่านี้

ในทางตรงกันข้าม ใช้ auto
left

ในโหมดการเขียนตรงต่อขวาง ขีดใต้จะถูกจัดลงที่ด้านซ้ายของข้อความ

ในโหมดการเขียนตรงต่อขวาง ขีดใต้จะถูกจัดลงตาม auto
right

ในโหมดการเขียนตรงต่อขวาง ขีดใต้จะถูกจัดลงที่ด้านขวาของข้อความ

ในโหมดการเขียนตรงต่อขวาง ขีดใต้จะถูกจัดลงตาม auto
initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านต่อ: initial.
inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบพ่อของมัน อ่านต่อ: inherit.

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

ค่าเริ่มต้น: auto
การสืบทอด: yes
การสร้างอนุรักษ์: ไม่สนับสนุน อ่านต่อ:คุณสมบัติที่เกี่ยวข้องกับอนุรักษ์.
เวอร์ชั่น: CSS3
JavaScript ภาษา: object.style.textUnderlinePosition="under"

การสนับสนุนโปรแกรมนี้

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

Chrome Edge Firefox Safari Opera
33.0 79.0 74.0 12.1 20.0

เพิ่มเติม:

ตัวอย่าง:CSS ตกแต่งข้อความ

อ้างอิง:HTML DOM textDecoration คุณสมบัติ