Thuộc tính chuyển đổi văn bản kiểu
Ví dụ
Chuyển chữ cái đầu tiên của mỗi từ trong phần tử thành chữ hoa:
document.getElementById("demo").style.textTransform = "capitalize";
Hãy tự mình thử »Sự miêu tả
Thuộc tính textTransform đặt hoặc trả về cách viết hoa của văn bản.
Thuộc tính này được sử dụng để thay đổi văn bản thành chữ hoa, chữ thường hoặc viết hoa.
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
textTransform | Yes | Yes | Yes | Yes | Yes |
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ị tài sản
Value | Description |
---|---|
none | No characters are transformed. This is default |
capitalize | The first character of each word is transformed to uppercase |
uppercase | All characters are transformed to uppercase |
lowercase | All characters are transformed to lowercase |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Chi tiết kỹ thuật
Giá trị mặc định: | không có |
---|---|
Giá trị trả về: | Một Chuỗi, thể hiện sự biến đổi của văn bản trong phần tử |
Phiên bản CSS | CSS1 |
Thêm ví dụ
Ví dụ
Chuyển đổi tất cả các ký tự trong một phần tử thành chữ hoa:
document.getElementById("demo").style.textTransform = "uppercase";
Hãy tự mình thử »Ví dụ
Trả về phép chuyển đổi văn bản của một phần tử:
alert(document.getElementById("demo").style.textTransform);
Hãy tự mình thử »Trang liên quan
Hướng dẫn CSS: Văn bản CSS
Tham chiếu CSS: thuộc tính chuyển đổi văn bản
❮ Đối tượng kiểu