คุณสมบัติ text-transform

คุณสมบัติ text-transform กำหนด การเปลี่ยนขนาดตัวอักษรของข้อความ: ตัวพิมพ์ใหญ่ทั้งหมด (ตัวอักษรใหญ่), ตัวพิมพ์เล็กทั้งหมด (ตัวอักษรเล็ก) สามารถทำให้ตัวอักษรตัวแรกของแต่ละคำเป็นตัวพิมพ์ใหญ่ได้

ไวยากรณ์

selector {
	text-transform: capitalize | lowercase | uppercase | none;
}

ค่าต่างๆ

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

ค่าเริ่มต้น: none

ตัวอย่าง . ค่า capitalize

ตอนนี้ตัวอักษรตัวแรกของแต่ละคำจะกลายเป็น ตัวพิมพ์ใหญ่:

<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	text-transform: capitalize;
}

ตัวอย่าง . ค่า uppercase

ตอนนี้ตัวอักษรทั้งหมดจะกลายเป็นตัวพิมพ์ใหญ่:

<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	text-transform: uppercase;
}

ตัวอย่าง . ค่า lowercase

ตอนนี้ตัวอักษรทั้งหมดจะกลายเป็นตัวพิมพ์เล็ก (คือ ตัวอักษรเล็ก, ไม่ใช่ตัวพิมพ์ใหญ่):

<p>
	LOREM IPSUM DOLOR SIT AMET.
</p>

p {
	text-transform: lowercase;
}