Viết Hoa Trong CSS Sử Dụng Thuộc Tính Text-transform
Có thể bạn quan tâm
Để viết hoa trong CSS thì chúng ta sẽ sử dụng thuộc tính text-transform, thuộc tính này giúp tự viết hoa, viết thường toàn bộ văn bản hoặc viết hoa đầu mỗi từ.
- Viết hoa toàn bộ các từ
- Viết thường toàn bộ các từ
- Viết hoa đầu mỗi từ
Viết hoa toàn bộ các từ
Để viết hoa chúng ta sử dụng thuộc tính text-transform, và giá trị để nó hiển thị viết hoa hoàn toàn là: uppercase
Ví dụ mình có một đoạn text sau và muốn nó viết hoa toàn bộ các chữ: “tịnh nguyễn là một người rất đẹp zai”
<span style="text-transform: uppercase;">tịnh nguyễn là một người rất đẹp zai.</span>Đấy, các bạn chỉ cần dán đoạn code trên vào công cụ Codepen này để xem demo.
Viết thường toàn bộ các từ
Để viết thường toàn bộ các từ thì chúng ta sử dụng giá trị lowercase, cụ thể thì các bạn tham khảo cách làm bên dưới.
<span style="text-transform: lowercase;">TỊNH NGUYỄN LÀ MỘT NGƯỜI RẤT ĐẸP ZAI.</span>Viết hoa đầu mỗi từ
Để viết hoa đầu mỗi từ thì chúng ta sẽ dùng giá trị capitalize, các bạn xem ví dụ bên dưới nhé !
<span style="text-transform: capitalize;">tịnh nguyễn là một người rất đẹp zai.</span>Xong rồi đó, mà các bạn nhớ dán vào công cụ Codepen ở trên để xem demo và thực hành nhé !
4.6/5 - (10 votes)Từ khóa » Trong Css để Chuyển đổi Ký Tự Thành Chữ Thường Ta Dùng Thuộc Tính
-
Thuộc Tính Text-transform Trong CSS - Web Cơ Bản
-
Thuộc Tính Text-transform Trong CSS
-
Thuộc Tính Text-transform | CSS | Học Web Chuẩn
-
Đổ Bóng Text-shadow Và Chuyển Chữ Text-transform CSS
-
Thuộc Tính Text-transform Trong CSS
-
Thuộc Tính Text Trong CSS - Thủ Thuật
-
Xử Lý Text Trong CSS Như Thế Nào? - Viblo
-
Những Thuộc Tính Thú Vị Trong CSS P5 - Viblo
-
Thuộc Tính Text-Transform Trong CSS - Quách Quỳnh
-
Một Số Thuộc Tính Xử Lý Text Trong CSS
-
Văn Bản Trong CSS - Text
-
8 Thuộc Tính Văn Bản Trong CSS: Hiểu Rõ Nó Sẽ Giúp Bạn Rất Nhiều đấy
-
Thuộc Tính Text-transform Trong Css
-
Text Trong CSS