Thuộc Tính Text-Transform Trong CSS - Quách Quỳnh

Skip to content Close Menu
  • Học WordPress cơ bản cho người mới bắt đầu
  • Sample Page
Home Học CSS Thuộc tính Text-Transform trong CSS

Text-Transform là một thuộc tính cũng thường được sử dụng với chữ. Nó dùng để hiển thị chữ thường thành chữ hoa trên trình duyệt. Mời bạn cùng quachquynh.com tìm hiểu về thuộc tính text-transform trong CSS qua bài này.

Cú pháp viết:

text-transform: none|capitalize|uppercase|lowercase;

Giải thích:

  • none: Giá trị mặc định, nó sẽ không viết hoa
  • capitalize: Viết hoa mình chữ cái đầu tiên
  • uppercase: Viết hoa toàn bộ chữ cái
  • lowercase: Chuyển tất cả chữ hoa thành in thường

Để hiểu hơn bạn chạy ví dụ sau:

<!DOCTYPE html> <html> <head> <title>Ví dụ viết chữ</title> <style> .text1 { text-transform: none; } .text2 { text-transform: capitalize; } .text3 { text-transform: uppercase; } .text4 { text-transform: lowercase; } </style> </head> <body> <p class="text1">This is a paragraph - giá trị none</p> <p class="text2">This is a paragraph - giá trị capitalize</p> <p class="text3">This is a paragraph - giá trị uppercase</p> <p class="text4">THIS IS A PARAGRAPH - GIÁ TRỊ LOWERCASE</p> </body> </html>

Kết quả:

Thuộc tính Text-transform

Trên đây là các giá trị và ví dụ về thuộc tính text transform sử dụng trong viết chữ. Qua đây bạn đã hiểu cách sử dụng chưa nhỉ? Hãy tiếp tục theo dõi các bài viết khác tại chuyên mục học CSS online miễn phí nhé!

Quachquynh

Related Posts

Hover-CSS-1 Học CSS

Hiệu ứng rê chuột trong CSS

Quachquynh · Tháng ba 24, 2022 · Comments off

CSS là ngôn ngữ trang trí với nhiều hiệu ứng hay. Bạn sẽ thường gặp nhất là khi di chuyển chuột vào một liên kết (Link) hay…

Học CSS

Mẫu Form đăng nhập HTML và CSS đẹp mắt

Quachquynh · Tháng ba 16, 2022 · Comments off

Trong một số bài viết trên blog này mình đã chia sẻ về cách tạo một Form đăng nhập đơn giản. Nhưng để có một Form đẹp…

form-lien-he-4 Học CSS

Hướng dẫn tạo form liên hệ bằng HTML, CSS

Quachquynh · Tháng ba 11, 2022 · Comments off

Form liên hệ là một chức năng không thể thiếu cho blog, website. Thông qua Form độc giả, khách hàng có thể yêu cầu admin trợ giúp…

css-code-1 Học CSS

8 Cách viết CSS chuẩn, dễ đọc và tối ưu

Quachquynh · Tháng hai 23, 2022 · Comments off

Nói tới xây dựng giao diện phía Front-end không thể thiếu CSS. Ngôn ngữ được sử dụng phổ biến để sắp xếp bố cục các phần tử…

Học CSS

Thuộc tính text-shadow trong CSS

Quachquynh · Tháng hai 23, 2022 · Comments off

Trong những lúc rảnh rỗi mình thường hay nghịch ngợm một vài thứ hay ho tìm thấy trên internet. Đối với CSS thì text-shadow cũng là thuộc…

Học CSS

Thuộc tính Overflow trong CSS

Quachquynh · Tháng hai 23, 2022 · Comments off

Khi thiết kế web với HTML và CSS đôi khi chúng ta sẽ gặp phải tình trạng văn bản (text) bị tràn ra khỏi phần tử HTML…

Danh mục chính

  • Flatsome
  • Frame Work
  • Học CSS
  • Học HTML
  • Javascript
  • Lập Trình Theme Wordpress
  • PHP
  • Hướng dẫn SEO
  • Thủ Thuật
  • Thủ Thuật Facebook
  • Thủ Thuật Máy Tính
  • Web Development
  • Wordpress

Từ khóa » Trong Css để Chuyển đổi Ký Tự Thành Chữ Thường Ta Dùng Thuộc Tính