Chuyển đổi kiểu chữ của văn bản

Thuộc tính text-transform dùng để chuyển đổi kiểu chữ của văn bản (Ví dụ: chuyển toàn bộ văn bản sang kiểu chữ hoa hoặc chữ thường). Cú pháp:

text-transform: uppercase|lowercase|capitalize;

Trong đó:

uppercase: chuyển toàn bộ văn bản sang kiểu chữ hoa
lowercase: chuyển toàn bộ văn bản sang kiểu chữ thường
capitalize: chuyển ký tự đầu tiên của mỗi từ sang kiểu chữ hoa (các ký tự còn lại được giữ nguyên định dạng ban đầu)

Ví dụ

.div1{
    text-transform: uppercase;
}
.div2{
    text-transform: lowercase;
}
.div3{
    text-transform: capitalize;
}

Xem Ví Dụ:

<!DOCTYPE html>

<html>

<head>

.div1{

text-transform: uppercase;

}

.div2{

text-transform: lowercase;

}

.div3{

text-transform: capitalize;

}

</style>

</head>

<body>

<div class="div1">Genm hƯỚnG dẫn HỌC lẬp trình WEb từ a ĐếN Z</div>

<div class="div2">Genm hƯỚnG dẫn HỌC lẬp trình WEb từ a ĐếN Z</div>

<div class="div3">Genm hƯỚnG dẫn HỌC lẬp trình WEb từ a ĐếN Z</div>

</body>

</html>

=>Kết Quả

GENM HƯỚNG DẪN HỌC LẬP TRÌNH WEB TỪ A ĐẾN Z

GENM hướng dẫn học lập trình web từ a đến z

GENM HƯỚnG Dẫn HỌC LẬp Trình WEb Từ A ĐếN Z