Danh ngôn cuộc sống:
• Bài viết được đăng bởi: Mr. Phan Nhan• Ngày cập nhật bài viết: 12/05/2016• Tổng lược xem trang: 114 / 1 khách• Đánh giá bởi người dùng: |
Định nghĩa và sử dụng. Thuộc tính text-transform thiết lập các ký tự viết hoa cho văn bản. Cấu trúc:
text-transform: none; Trả văn bản về dạng mặc định ban đầu.
text-transform: capitalize; Chữ đầu tiên của mỗi thành phần là chữ hoa.
text-transform: uppercase; Tất cả chữ trong văn bản thành chữ hoa.
text-transform: lowercase; Tất cả chữ trong văn bản thành chữ thường.
text-transform: inherit; Xác định thừa hưởng thuộc tính từ thành phần cha (thành phần bao ngoài).
CSS viết:
tag {
text-transform: giá trị;
}
Với giá trị như sau:text-transform: giá trị;
}
text-transform: none; Trả văn bản về dạng mặc định ban đầu.
text-transform: capitalize; Chữ đầu tiên của mỗi thành phần là chữ hoa.
text-transform: uppercase; Tất cả chữ trong văn bản thành chữ hoa.
text-transform: lowercase; Tất cả chữ trong văn bản thành chữ thường.
text-transform: inherit; Xác định thừa hưởng thuộc tính từ thành phần cha (thành phần bao ngoài).
CSS viết:
p.capitalizeText {
text-transform: capitalize;
}
p.uppercaseText {
text-transform: uppercase;
}
p.lowercaseText {
text-transform: lowercase;
}
HTML viết: text-transform: capitalize;
}
p.uppercaseText {
text-transform: uppercase;
}
p.lowercaseText {
text-transform: lowercase;
}
<html>
<head></head>
<body>
<p class="capitalizeText">đây là nơi chứa nội dung cần hiển thị.</p>
<p class="uppercaseText">đây là nơi chứa nội dung cần hiển thị.</p>
<p class="lowercaseText">đây là nơi chứa nội dung cần hiển thị.</p>
</body>
</html>
<head></head>
<body>
<p class="capitalizeText">đây là nơi chứa nội dung cần hiển thị.</p>
<p class="uppercaseText">đây là nơi chứa nội dung cần hiển thị.</p>
<p class="lowercaseText">đây là nơi chứa nội dung cần hiển thị.</p>
</body>
</html>
Những bài viết được đăng mới nhất. 



