Thuộc Tính Text-transform Trong CSS

Học CSS cơ bản và nâng cao
  • CSS cơ bản
  • Giới thiệu CSS
  • Thuộc tính trong CSS
  • Thuộc tính azimuth
  • Thuộc tính background
  • Thuộc tính background-attachment
  • Thuộc tính background-color
  • Thuộc tính background-image
  • Thuộc tính background-position
  • Thuộc tính background-repeat
  • Thuộc tính border
  • Thuộc tính border-bottom
  • Thuộc tính border-bottom-width
  • Thuộc tính border-collapse
  • Thuộc tính border-color
  • Thuộc tính border-left-color
  • Thuộc tính border-right-color
  • Thuộc tính border-top-color
  • Thuộc tính border-bottom-color
  • Thuộc tính border-left
  • Thuộc tính border-left-width
  • Thuộc tính border-right
  • Thuộc tính border-right-width
  • Thuộc tính border-spacing
  • Thuộc tính border-style
  • Thuộc tính border-top
  • Thuộc tính border-top-width
  • Thuộc tính border-width
  • Thuộc tính bottom
  • Thuộc tính caption-side
  • Thuộc tính clear
  • Thuộc tính clip
  • Thuộc tính color
  • Thuộc tính content
  • Thuộc tính counter-increment
  • Thuộc tính counter-reset
  • Thuộc tính cue-after
  • Thuộc tính cue-before
  • Thuộc tính cursor
  • Thuộc tính direction
  • Thuộc tính display
  • Thuộc tính elevation
  • Thuộc tính empty-cells
  • Thuộc tính float
  • Thuộc tính font
  • Thuộc tính font-family
  • Thuộc tính font-size
  • Thuộc tính font-size-adjust
  • Thuộc tính font-stretch
  • Thuộc tính font-style
  • Thuộc tính font-variant
  • Thuộc tính font-weight
  • Thuộc tính height
  • Thuộc tính left
  • Thuộc tính letter-spacing
  • Thuộc tính line-height
  • Thuộc tính list-style
  • Thuộc tính list-style-image
  • Thuộc tính list-style-position
  • Thuộc tính list-style-type
  • Thuộc tính margin
  • Thuộc tính margin-bottom
  • Thuộc tính margin-left
  • Thuộc tính margin-right
  • Thuộc tính margin-top
  • Thuộc tính marker-offset
  • Thuộc tính marks
  • Thuộc tính max-height
  • Thuộc tính max-width
  • Thuộc tính min-height
  • Thuộc tính min-width
  • Thuộc tính orphans
  • Thuộc tính outline
  • Thuộc tính outline-color
  • Thuộc tính outline-style
  • Thuộc tính outline-width
  • Thuộc tính overflow
  • Thuộc tính padding
  • Thuộc tính padding-bottom
  • Thuộc tính padding-left
  • Thuộc tính padding-right
  • Thuộc tính padding-top
  • Thuộc tính page
  • Thuộc tính page-break-after
  • Thuộc tính page-break-before
  • Thuộc tính page-break-inside
  • Thuộc tính pause
  • Thuộc tính pause-after
  • Thuộc tính pause-before
  • Thuộc tính pitch
  • Thuộc tính pitch-range
  • Thuộc tính play-during
  • Thuộc tính position
  • Thuộc tính quotes
  • Thuộc tính richness
  • Thuộc tính right
  • Thuộc tính size
  • Thuộc tính speak
  • Thuộc tính speak-header
  • Thuộc tính speak-numeral
  • Thuộc tính speak-punctuation
  • Thuộc tính speech-rate
  • Thuộc tính stress
  • Thuộc tính table-layout
  • Thuộc tính text-align
  • Thuộc tính text-decoration
  • Thuộc tính text-indent
  • Thuộc tính text-shadow
  • Thuộc tính text-transform
  • Thuộc tính top
  • Thuộc tính vertical-align
  • Thuộc tính visibility
  • Thuộc tính voice-family
  • Thuộc tính volume
  • Thuộc tính white-space
  • Thuộc tính widows
  • Thuộc tính width
  • Thuộc tính word-spacing
  • Thuộc tính z-index
  • Pseudo Class & Pseudo Element
  • :active Pseudo Class
  • :focus Pseudo Class
  • :hover Pseudo Class
  • :link Pseudo Class
  • :visited Pseudo Class
  • :first-child Pseudo Class
  • :lang Pseudo Class
  • :first-letter Pseudo Element
  • :first-line Pseudo Element
  • :before Pseudo Element
  • :after Pseudo Element
Thuộc tính text-transform trong CSS Trang trước Trang sau

Thuộc tính text-transform trong CSS giúp bạn xác định kiểu cách cho phần văn bản bên trong một phần tử (ví dụ: dạng chữ hoa, chữ thường).

Thuộc tính text-transform có thể nhận giá trị:

  • capitalize: chữ cái đầu tiên của mỗi từ trong phần Text sẽ được viết hoa.

  • uppercase: tất cả ký tự trong phần text sẽ được viết hoa.

  • lowercase: tất cả ký tự trong phần text sẽ được viết thường.

  • none: không thay đổi cách hiển thị nội dung phần tử.

Thuộc tính text-transform có thể áp dụng cho:

Tất cả các phần tử HTML.

Cú pháp thuộc tính text-transform trong DOM

object.style.textTransform = "uppercase"; Quảng cáo

Ví dụ thuộc tính text-transform trong CSS

Tiếp theo là ví dụ minh họa cách sử dụng của thuộc tính text-transform trong CSS:

<html> <head> </head> <body> <p style="text-transform:capitalize;"> Viet hoa chu cai dau tien. </p> <p style="text-transform:uppercase;"> Viet hoa toan bo chu cai. </p> <p style="text-transform:lowercase;"> Viet thuong toan bo chu cai. </p> </body> </html> Quảng cáo

Kết quả là:

Đã có app VietJack trên điện thoại, giải bài tập SGK, SBT Soạn văn, Văn mẫu, Thi online, Bài giảng....miễn phí. Tải ngay ứng dụng trên Android và iOS. Theo dõi chúng tôi miễn phí trên mạng xã hội facebook và youtube:

Follow fanpage của team https://www.facebook.com/vietjackteam/ hoặc facebook cá nhân Nguyễn Thanh Tuyền https://www.facebook.com/tuyen.vietjack để tiếp tục theo dõi các loạt bài mới nhất về Java,C,C++,Javascript,HTML,Python,Database,Mobile.... mới nhất của chúng tôi.

Bài học CSS phổ biến khác tại vietjack.com:

  • Cú pháp CSS
  • CSS - Include CSS vào HTML
  • CSS - Màu (Color)
  • CSS - Background
  • CSS - Định dạng Font
  • CSS - Hình ảnh
  • CSS - Trang trí Link
  • CSS - Bảng
  • CSS - Đường viền (Border)
  • CSS - Căn lề (Margin)
  • CSS - Padding
Trang trước Trang sau Bài viết liên quan
  • 160 bài học ngữ pháp tiếng Anh hay nhất

  • 155 bài học Java tiếng Việt hay nhất

  • 100 bài học Android tiếng Việt hay nhất

  • 247 bài học CSS tiếng Việt hay nhất

  • 197 thẻ HTML cơ bản

  • 297 bài học PHP

  • 101 bài học C++ hay nhất

  • 97 bài tập C++ có giải hay nhất

  • 208 bài học Javascript có giải hay nhất

Học cùng VietJack
Tài liệu giáo viên

Trang web chia sẻ nội dung miễn phí dành cho người Việt.

Lớp 1-2-3 Lớp 4 Lớp 5 Lớp 6 Lớp 7 Lớp 8 Lớp 9 Lớp 10 Lớp 11 Lớp 12 Lập trình Tiếng Anh

Chính sách

Chính sách bảo mật

Hình thức thanh toán

Chính sách đổi trả khóa học

Chính sách hủy khóa học

Tuyển dụng

Liên hệ với chúng tôi

Tầng 2, số nhà 541 Vũ Tông Phan, Phường Khương Đình, Quận Thanh Xuân, Thành phố Hà Nội, Việt Nam

Phone: 084 283 45 85

Email: vietjackteam@gmail.com

Tải nội dung trên Google Play Tải nội dung trên IOS Store

CÔNG TY TNHH ĐẦU TƯ VÀ DỊCH VỤ GIÁO DỤC VIETJACK

Người đại diện: Nguyễn Thanh Tuyền

Số giấy chứng nhận đăng ký kinh doanh: 0108307822, ngày cấp: 04/06/2018, nơi cấp: Sở Kế hoạch và Đầu tư thành phố Hà Nội.

2015 © All Rights Reserved. DMCA.com Protection Status

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