จะเป็นการกำหนดลักษณะของตัวอักษร ตัวพิมพ์เล็ก หรือ ตัวพิมพ์ใหญ่ ตัวอย่างการใช้คำสั่ง เช่น
text-transform:capitalize; เป็นการกำหนดให้ตัวอักษรตัวแรกเป็นตัวพิมพ์ใหญ่
text-transform:uppercase; เป็นการกำหนดให้ตัวอักษรเป็นตัวพิมพ์ใหญ่ทั้งหมด
text-transform:lowercase; เป็นการกำหนดให้ตัวอักษรเป็นตัวพิมพ์เล็กทั้งหมด
text-transform:none; เป็นการกำหนดให้ตัวอักษร เป็นไปตามรูปแบบเดิม
ตัวอย่างการใช้โค้ด
โค้ด: เลือกทั้งหมด
<html>
<head>
<style> //กำหนดลักษณะของตัวอักษร
p.uppercase { //กำหนดให้เป็นตัวพิมพ์ใหญ่ทั้งหมด
text-transform:uppercase;
}
p.lowercase { //กำหนดให้เป็นตัวพิมพ์เล็กทั้งหมด
text-transform:lowercase;
}
p.capitalize { //กำหนดให้ตัวอักษรตัวแรกเป็นตัวพิมพ์ใหญ่
text-transform:capitalize;
}
p.none { //กำหนดให้ตัวอักษรเป็นไปตามรูปแบบเดิม
text-transform:none;
}
</style>
</head>
<body>
<p class="uppercase">CSS tExt - TraNsForM</p>
<p class="lowercase">CSS tExt - TraNsForM</p>
<p class="capitalize">CSS tExt - TraNsForM</p>
<p class="none">CSS tExt - TraNsForM</p>
</body>
</html>==================================================
- 1.jpg (26.84 KiB) Viewed 3931 times