Thuộc tính textTransform

Định nghĩa và cách sử dụng

textTransform Cài đặt hoặc trả về việc đặt văn bản thành chữ hoa, chữ thường.

Thuộc tính này được sử dụng để chuyển đổi văn bản thành chữ hoa, chữ thường hoặc chữ hoa đầu tiên của từ.

Xem thêm:

Hướng dẫn CSS:CSS văn bản

Tài liệu tham khảo CSS:Thuộc tính text-transform

Mô hình

Ví dụ 1

Chuyển ký tự đầu tiên của mỗi từ trong phần tử <p> thành chữ hoa:

document.getElementById("myP").style.textTransform = "capitalize";

Thử trực tiếp

Ví dụ 2

Chuyển tất cả các ký tự trong phần tử <p> thành chữ hoa:

document.getElementById("myP").style.textTransform = "uppercase";

Thử trực tiếp

Ví dụ 3

Trả về việc chuyển đổi văn bản của phần tử <p>:

alert(document.getElementById("myP").style.textTransform);

Thử trực tiếp

Cú pháp

Trả về thuộc tính textTransform:

object.style.textTransform

Đặt thuộc tính textTransform:

object.style.textTransform = "none|capitalize|uppercase|lowercase|initial|inherit"

Giá trị thuộc tính

Giá trị Mô tả
none Không có ký tự nào được chuyển đổi. Mặc định.
capitalize Chuyển ký tự đầu tiên của mỗi từ thành chữ hoa.
uppercase Tất cả các ký tự đều được chuyển thành chữ hoa.
lowercase Tất cả các ký tự đều được chuyển thành chữ thường.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial。
inherit Kế thừa thuộc tính này từ phần tử cha. Xem thêm inherit。

Chi tiết kỹ thuật

Giá trị mặc định: Không có
Trả về giá trị: Chuỗi biểu thị việc chuyển đổi văn bản của phần tử.
Phiên bản CSS: CSS1

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ