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

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

ไวยากรณ์

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

ค่าต่างๆ

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

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

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

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

cssp {
  text-transform: capitalize;
}

Результат:

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

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

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

cssp {
  text-transform: uppercase;
}

Результат:

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

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

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

cssp {
  text-transform: lowercase;
}

Результат: