Style คุณสมบัติ textTransform

คำนิยามและการใช้งาน

textTransform ตั้งค่าหรือคืนค่าของขนาดของข้อความ

คุณสมบัตินี้ใช้เพื่อแปลงข้อความเป็นขนาดใหญ่ ขนาดเล็ก หรือหัวใจคำ:

ดูเพิ่มเติม:

สอน CSS:CSS ข้อความ

คู่มือ CSS:คุณสมบัติ text-transform

ตัวอย่าง

ตัวอย่าง 1

แปลงข้อความของ <p> อันทั้งหมดเป็นขนาดใหญ่แรกของแต่ละคำ:

document.getElementById("myP").style.textTransform = "capitalize";

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

ตัวอย่าง 2

แปลงข้อความของ <p> อันทั้งหมดเป็นขนาดใหญ่:

document.getElementById("myP").style.textTransform = "uppercase";

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

ตัวอย่าง 3

คืนค่าการแปลงข้อความของ <p> อัน:

alert(document.getElementById("myP").style.textTransform);

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

คำนิยาม

คืนค่าคุณสมบัติ textTransform:

object.style.textTransform

ตั้งค่าคุณสมบัติ textTransform:

object.style.textTransform = "none|capitalize|uppercase|lowercase|initial|inherit"

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

ค่า คำอธิบาย
none ไม่มีตัวอักษรที่ถูกแปลง ค่าเริ่มต้น
capitalize การแปลงตัวอักษรแรกของแต่ละคำเป็นขนาดใหญ่
uppercase การแปลงตัวอักษรทุกตัวเป็นขนาดใหญ่
lowercase การแปลงตัวอักษรทุกตัวเป็นขนาดเล็ก
initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น โปรดดู initial。
inherit ทำให้คุณได้รับคุณสมบัตินี้จากองค์ประกอบพ่อของมัน โปรดดู inherit。

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

ค่าเริ่มต้น: ไม่มี
ค่าที่ได้รับ: ข้อความตัวอักษรที่แปลงโดยสมาชิก
เวอร์ชั่น CSS： CSS1

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน