CSS text-transform คุณสมบัติ
- หน้าก่อน text-shadow
- หน้าต่อไป text-underline-offset
การกำหนดและการใช้งาน
คุณสมบัติ text-transform ควบคุมขนาดตัวอักษรของข้อความ
คำอธิบาย
คุณสมบัตินี้จะเปลี่ยนแปลงขนาดตัวอักษรในองค์ประกอบ ไม่ว่าข้อความในเอกสารต้นฉบับจะมีขนาดตัวอักษรใหญ่หรือเล็ก ถ้าค่าเป็น capitalize ต้องใช้ใบอักษรใหญ่สำหรับบางใบอักษร แต่ไม่มีการกำหนดชัดเจนว่าจะใช้ใบอักษรใด ซึ่งขึ้นอยู่กับวิธีที่บริการใช้งานรับผิดชอบตรวจสอบ "คำ"
ดูเพิ่มเติม
ตัวอย่าง CSSCSS ข้อความ
คู่มืออ้างอิง HTML DOMขอบเขต textTransform
ตัวอย่าง
การเปลี่ยนแปลงของข้อความในตัวองค์ประกอบต่าง ๆ
h1 {text-transform:uppercase;}
h2 {text-transform:capitalize;}
p {text-transform:lowercase;}
คำแนะนำและหมายเหตุ
หมายเหตุ:บริการใช้งานต่าง ๆ อาจใช้วิธีต่าง ๆ ในการตัดสินว่าคำจะเริ่มต้นที่ไหน และตัดสินว่าใบอักษรใดจะต้องใช้ใบอักษรใหญ่ ตามตัวอย่างข้อความ "w3-school" สามารถแสดงเป็น "W3-school" หรือ "W3-School" สองอย่าง ซึ่ง CSS ไม่ได้กำหนดว่าใดคือที่ถูกต้อง ดังนั้นทั้งสองทางเป็นที่สามารถตอบสนองได้
CSS ภาษาไทย
text-transform: none|capitalize|uppercase|lowercase|initial|inherit;
ค่าของอุปกรณ์
| ค่า | คำอธิบาย |
|---|---|
| none | ค่าเริ่มต้น |
| capitalize | ใบอักษรแรกของคำในข้อความจะเป็นใบอักษรใหญ่ |
| uppercase | กำหนดมีใบอักษรใหญ่เท่านั้น |
| lowercase | กำหนดไม่มีใบอักษรใหญ่ แต่มีใบอักษรเล็ก |
| inherit | กำหนดให้มีค่าของ text-transform ตามอัตรายอดจากองค์ประกอบพ่อ |
รายละเอียดเทคนิค
| ค่าเริ่มต้น: | none |
|---|---|
| เชื่อมโยงต่อเนื่อง: | yes |
| เวอร์ชั่น: | CSS1 |
| JavaScript ภาษาไทย: | object.style.textTransform="uppercase" |
ตัวอย่างเพิ่มเติม
- การควบคุมขนาดตัวอักษรในข้อความ
- ตัวอย่างการควบคุมขนาดตัวอักษรในข้อความ
การสนับสนุนโดยบราวเซอร์
ตัวเลขในตารางระบุว่าบราวเซอร์แรกที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
- หน้าก่อน text-shadow
- หน้าต่อไป text-underline-offset
