ตัวอย่าง
แปลงตัวอักษรตัวแรกของแต่ละคำใน <p> องค์ประกอบเป็นตัวพิมพ์ใหญ่:
document.getElementById("myP").style.textTransform = "capitalize"; ลองตัวเอง» ความหมายและการใช้งาน
ชุดคุณสมบัติ textTransform หรือผลตอบแทนมูลค่าของข้อความ
คุณสมบัตินี้ถูกใช้เพื่อเปลี่ยนข้อความให้เป็นตัวพิมพ์ใหญ่พิมพ์เล็กหรือตัวพิมพ์ใหญ่
สนับสนุนเบราว์เซอร์
คุณสมบัติ textTransform ได้รับการสนับสนุนในเบราว์เซอร์ที่สำคัญทั้งหมด
วากยสัมพันธ์
คืนทรัพย์สิน textTransform นี้:
object .style.textTransform
ตั้งค่าคุณสมบัติ textTransform นี้:
object .style.textTransform="none|capitalize|uppercase|lowercase|initial|inherit"
ค่าทรัพย์สิน
| ความคุ้มค่า | ลักษณะ |
|---|---|
| none | ไม่มีตัวอักษรจะเปลี่ยน นี้จะเริ่มต้น |
| capitalize | ตัวอักษรตัวแรกของแต่ละคำจะถูกเปลี่ยนเป็นตัวพิมพ์ใหญ่ |
| uppercase | ตัวละครทุกตัวจะกลายเป็นตัวพิมพ์ใหญ่ |
| lowercase | ตัวละครทุกตัวจะกลายเป็นตัวพิมพ์เล็ก |
| initial | ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |
รายละเอียดทางเทคนิค
| ราคาเริ่มต้น: | ไม่มี |
|---|---|
| กลับค่า: | สตริงที่เป็นตัวแทนของการเปลี่ยนแปลงของข้อความในองค์ประกอบ |
| CSS รุ่น | CSS1 |
ตัวอย่างอื่น ๆ
ตัวอย่าง
แปลงตัวอักษรทั้งหมดใน <p> องค์ประกอบเป็นตัวพิมพ์ใหญ่:
document.getElementById("myP").style.textTransform = "uppercase"; ลองตัวเอง» ตัวอย่าง
กลับการเปลี่ยนแปลงข้อความของ <p> องค์ประกอบ:
alert(document.getElementById("myP").style.textTransform); ลองตัวเอง» หน้าเว็บที่เกี่ยวข้อง
กวดวิชา CSS: CSS ข้อความ
อ้างอิง CSS: ข้อความเปลี่ยนสถานที่ให้บริการ
<สไตล์วัตถุ