Thuộc tính text-transform được sử dụng để làm cho văn bản xuất hiện ở dạng toàn chữ hoa hoặc chữ thường hoặc với mỗi từ được viết hoa
Thuộc tính này tính đến một số quy tắc ánh xạ trường hợp theo ngôn ngữ cụ thể. Hãy đi qua một số trong số họ
- Trong các ngôn ngữ Turkic, chẳng hạn như tiếng Thổ Nhĩ Kỳ [tr], tiếng Azerbaijan [az], tiếng Tatar Krym [crh], tiếng Tatar Volga [tt] và tiếng Bashkir [ba], tồn tại hai loại chữ i, có và không có dấu chấm, và các loại sau . tôi/İ và tôi/tôi
- Trong các ngôn ngữ [de] tiếng Đức, ß trở thành SS ở dạng chữ hoa
- Trong các ngôn ngữ Hy Lạp [el], khi toàn bộ từ là chữ hoa [ά/Α] thì trọng âm của nguyên âm bị mất, ngoại trừ nguyên âm phân cách eta [ή/Ή]
Hỗ trợ trình duyệt cho các trường hợp ngôn ngữ cụ thể có thể khác nhau
Các giá trị "full-width" và "full-size-kana" là giá trị thử nghiệm và chưa được hỗ trợ bởi bất kỳ trình duyệt nào
text-transform: none | capitalize | uppercase | lowercase | full-width | full-width-kana | initial | inherit;
Ví dụ về thuộc tính chuyển đổi văn bản với giá trị "chữ hoa"
Title of the document
Text-transform property example
This is some paragraph.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
|
[ capitalize | uppercase | lowercase ] || full-width || full-size-kana |
math-auto |
math-bold |
math-italic |
math-bold-italic |
math-double-struck |
math-bold-fraktur |
math-script |
math-bold-script |
math-fraktur |
math-sans-serif |
math-bold-sans-serif |
math-sans-serif-italic |
math-sans-serif-bold-italic |
math-monospace |
math-initial |
math-tailed |
math-looped |
math-stretched
Initial String
Lorem ipsum dolor sit amet, consectetur adipisicing elit…
text-transform: none
Lorem ipsum dolor sit amet, consectetur adipisicing elit…
span {
text-transform: none;
}
strong {
float: right;
}
Điều này chứng tỏ không có chuyển đổi văn bản
Initial String
Lorem ipsum dolor sit amet, consectetur adipisicing elit…
text-transform: capitalize
Lorem ipsum dolor sit amet, consectetur adipisicing elit…
span {
text-transform: capitalize;
}
strong {
float: right;
}
Điều này thể hiện cách viết hoa văn bản
Initial String
[this] "is" [a] –short– -test- «for» *the* _css_ ¿capitalize?
?¡transform!
text-transform: capitalize
[this] "is" [a] –short– -test- «for» *the* _css_ ¿capitalize?
?¡transform!
span {
text-transform: capitalize;
}
strong {
float: right;
}
Điều này cho thấy dấu chấm câu đầu tiên của một từ bị bỏ qua như thế nào. Từ khóa nhắm mục tiêu chữ cái đầu tiên, đó là phần ký tự Unicode đầu tiên của danh mục chung Chữ cái hoặc Số
Initial String
ⓐⓑⓒ [ⓓⓔⓕ] —ⓖⓗⓘ— ⓙkl
text-transform: capitalize
ⓐⓑⓒ [ⓓⓔⓕ] —ⓖⓗⓘ— ⓙkl
span {
text-transform: capitalize;
}
strong {
float: right;
}
Điều này cho thấy các biểu tượng ban đầu bị bỏ qua như thế nào. Từ khóa nhắm mục tiêu chữ cái đầu tiên, đó là phần ký tự Unicode đầu tiên của danh mục chung Chữ cái hoặc Số
text-transform =0
none |
[ capitalize | uppercase | lowercase ] || full-width || full-size-kana |
math-auto |
math-bold |
math-italic |
math-bold-italic |
math-double-struck |
math-bold-fraktur |
math-script |
math-bold-script |
math-fraktur |
math-sans-serif |
math-bold-sans-serif |
math-sans-serif-italic |
math-sans-serif-bold-italic |
math-monospace |
math-initial |
math-tailed |
math-looped |
math-stretched
span {
text-transform: capitalize;
}
strong {
float: right;
}
Điều này chứng tỏ cách chữ ghép ij của Hà Lan phải được xử lý giống như một chữ cái duy nhất
text-transform =2
none |
[ capitalize | uppercase | lowercase ] || full-width || full-size-kana |
math-auto |
math-bold |
math-italic |
math-bold-italic |
math-double-struck |
math-bold-fraktur |
math-script |
math-bold-script |
math-fraktur |
math-sans-serif |
math-bold-sans-serif |
math-sans-serif-italic |
math-sans-serif-bold-italic |
math-monospace |
math-initial |
math-tailed |
math-looped |
math-stretched
text-transform =3
none |
[ capitalize | uppercase | lowercase ] || full-width || full-size-kana |
math-auto |
math-bold |
math-italic |
math-bold-italic |
math-double-struck |
math-bold-fraktur |
math-script |
math-bold-script |
math-fraktur |
math-sans-serif |
math-bold-sans-serif |
math-sans-serif-italic |
math-sans-serif-bold-italic |
math-monospace |
math-initial |
math-tailed |
math-looped |
math-stretched
Điều này thể hiện việc chuyển đổi văn bản thành chữ hoa
text-transform =4
none |
[ capitalize | uppercase | lowercase ] || full-width || full-size-kana |
math-auto |
math-bold |
math-italic |
math-bold-italic |
math-double-struck |
math-bold-fraktur |
math-script |
math-bold-script |
math-fraktur |
math-sans-serif |
math-bold-sans-serif |
math-sans-serif-italic |
math-sans-serif-bold-italic |
math-monospace |
math-initial |
math-tailed |
math-looped |
math-stretched
text-transform =3
none |
[ capitalize | uppercase | lowercase ] || full-width || full-size-kana |
math-auto |
math-bold |
math-italic |
math-bold-italic |
math-double-struck |
math-bold-fraktur |
math-script |
math-bold-script |
math-fraktur |
math-sans-serif |
math-bold-sans-serif |
math-sans-serif-italic |
math-sans-serif-bold-italic |
math-monospace |
math-initial |
math-tailed |
math-looped |
math-stretched
Điều này chứng tỏ các nguyên âm tiếng Hy Lạp ngoại trừ eta phân cách sẽ không có trọng âm như thế nào, và trọng âm ở nguyên âm đầu tiên của một cặp nguyên âm trở thành dấu chấm phẩy ở nguyên âm thứ hai
text-transform =6
none |
[ capitalize | uppercase | lowercase ] || full-width || full-size-kana |
math-auto |
math-bold |
math-italic |
math-bold-italic |
math-double-struck |
math-bold-fraktur |
math-script |
math-bold-script |
math-fraktur |
math-sans-serif |
math-bold-sans-serif |
math-sans-serif-italic |
math-sans-serif-bold-italic |
math-monospace |
math-initial |
math-tailed |
math-looped |
math-stretched
text-transform =7
none |
[ capitalize | uppercase | lowercase ] || full-width || full-size-kana |
math-auto |
math-bold |
math-italic |
math-bold-italic |
math-double-struck |
math-bold-fraktur |
math-script |
math-bold-script |
math-fraktur |
math-sans-serif |
math-bold-sans-serif |
math-sans-serif-italic |
math-sans-serif-bold-italic |
math-monospace |
math-initial |
math-tailed |
math-looped |
math-stretched
Điều này thể hiện việc chuyển đổi văn bản thành chữ thường
text-transform =8
none |
[ capitalize | uppercase | lowercase ] || full-width || full-size-kana |
math-auto |
math-bold |
math-italic |
math-bold-italic |
math-double-struck |
math-bold-fraktur |
math-script |
math-bold-script |
math-fraktur |
math-sans-serif |
math-bold-sans-serif |
math-sans-serif-italic |
math-sans-serif-bold-italic |
math-monospace |
math-initial |
math-tailed |
math-looped |
math-stretched
text-transform =7
none |
[ capitalize | uppercase | lowercase ] || full-width || full-size-kana |
math-auto |
math-bold |
math-italic |
math-bold-italic |
math-double-struck |
math-bold-fraktur |
math-script |
math-bold-script |
math-fraktur |
math-sans-serif |
math-bold-sans-serif |
math-sans-serif-italic |
math-sans-serif-bold-italic |
math-monospace |
math-initial |
math-tailed |
math-looped |
math-stretched
Điều này chứng tỏ cách ký tự Hy Lạp sigma [
span {
text-transform: capitalize;
}
strong {
float: right;
}
9] được chuyển thành chữ thường sigma thường [span {
text-transform: capitalize;
}
strong {
float: right;
}
5] hoặc biến thể cuối từ [span {
text-transform: capitalize;
}
strong {
float: right;
}
6], tùy theo ngữ cảnh
Initial String
Lorem ipsum dolor sit amet, consectetur adipisicing elit…
text-transform: none
Lorem ipsum dolor sit amet, consectetur adipisicing elit…
0text-transform =7
none |
[ capitalize | uppercase | lowercase ] || full-width || full-size-kana |
math-auto |
math-bold |
math-italic |
math-bold-italic |
math-double-struck |
math-bold-fraktur |
math-script |
math-bold-script |
math-fraktur |
math-sans-serif |
math-bold-sans-serif |
math-sans-serif-italic |
math-sans-serif-bold-italic |
math-monospace |
math-initial |
math-tailed |
math-looped |
math-stretched
Điều này chứng tỏ cách các chữ cái tiếng Litva
span {
text-transform: capitalize;
}
strong {
float: right;
}
1 và span {
text-transform: capitalize;
}
strong {
float: right;
}
2 giữ nguyên dấu chấm khi chuyển thành chữ thường
Initial String
Lorem ipsum dolor sit amet, consectetur adipisicing elit…
text-transform: none
Lorem ipsum dolor sit amet, consectetur adipisicing elit…
2
Initial String
Lorem ipsum dolor sit amet, consectetur adipisicing elit…
text-transform: none
Lorem ipsum dolor sit amet, consectetur adipisicing elit…
3Một số ký tự tồn tại ở hai định dạng. chiều rộng bình thường và chiều rộng đầy đủ, với các điểm mã Unicode khác nhau. Phiên bản có chiều rộng đầy đủ được sử dụng để kết hợp chúng mượt mà với các ký tự chữ tượng hình châu Á
Initial String
Lorem ipsum dolor sit amet, consectetur adipisicing elit…
text-transform: none
Lorem ipsum dolor sit amet, consectetur adipisicing elit…
4
Initial String
Lorem ipsum dolor sit amet, consectetur adipisicing elit…
text-transform: none
Lorem ipsum dolor sit amet, consectetur adipisicing elit…
3Chữ katakana nửa chiều rộng của Nhật Bản được sử dụng để thể hiện chữ katakana trong mã ký tự 8 bit. Không giống như các ký tự katakana thông thường [có độ rộng đầy đủ], một chữ cái có dakuten [dấu âm thanh lồng tiếng] được thể hiện dưới dạng hai điểm mã, phần thân của chữ cái và dakuten.
Initial String
ⓐⓑⓒ [ⓓⓔⓕ] —ⓖⓗⓘ— ⓙkl
text-transform: capitalize
ⓐⓑⓒ [ⓓⓔⓕ] —ⓖⓗⓘ— ⓙkl
0 kết hợp những thứ này thành một điểm mã duy nhất khi chuyển đổi các ký tự này thành toàn chiều rộng