Viết hoa chữ cái đầu CSS

Question

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

Nội dung chính Show

Ví dụ về thuộc tính chuyển đổi văn bản với giá trị "chữ hoa"
Text-transform property example
Thuộc tính chuyển đổi văn bản CSS
Hỗ trợ trình duyệt
Cú pháp CSS
Giá trị tài sản

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.

Giá trị "viết hoa" của thuộc tính chuyển đổi văn bản viết hoa các từ bên trong dấu ngoặc đơn hoặc dấu ngoặc kép, cũng như chữ cái đầu tiên xuất hiện sau dấu gạch nối. Chữ cái đầu tiên sau số không viết hoa. Ví dụ: những ngày như “Ngày 3 tháng 1 năm 2019” sẽ không trở thành “Ngày 3 tháng 1 năm 2019”. Giá trị này chỉ viết hoa các chữ cái đầu tiên của từ, vì vậy các chữ cái khác trong từ sẽ không thay đổi

Trong ví dụ dưới đây, chúng tôi đã sử dụng giá trị "viết hoa" cho câu đầu tiên và giá trị "viết thường" cho câu thứ hai

Nó có thể được sử dụng để biến mọi thứ thành chữ hoa hoặc chữ thường, hoặc viết hoa chữ cái đầu tiên của mỗi từ

Thí dụ

p. chữ hoa {
chuyển đổi văn bản. chữ hoa;
}

p. chữ thường {
chuyển đổi văn bản. chữ thường;
}

p. viết hoa {
chuyển đổi văn bản. viết hoa;
}

Tự mình thử »

Thuộc tính chuyển đổi văn bản CSS

Giá trị mặc định. không kế thừa. cóPhiên bản. Cú pháp CSS1JavaScript. mục tiêu. Phong cách. textTransform="chữ hoa" Hãy thử

Hỗ trợ trình duyệt

Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính

Thuộc tínhtext-transform1. 04. 01. 01. 07. 0

Cú pháp CSS

chuyển đổi văn bản. không ai. viết hoa. chữ hoa. chữ thường. ban đầu. thừa kế;

Giá trị tài sản

Giá trịMô tảDemononeKhông viết hoa. Văn bản hiển thị như nó là. Đây là mặc địnhDemo ❯viết hoaChuyển đổi ký tự đầu tiên của mỗi từ thành chữ hoaDemo ❯uppercaseChuyển đổi tất cả các ký tự thành chữ hoaDemo ❯chữ thườngChuyển đổi tất cả các ký tự thành chữ thườngDemo ❯initialĐặt thuộc tính này thành giá trị mặc định. Đọc về khởi tạo Kế thừa thuộc tính này từ phần tử cha của nó. Đọc về thừa kế

Thuộc tính CSS

<p>
  Initial String
  <strong>Lorem ipsum dolor sit amet, consectetur adipisicing elit…strong>
p>
<p>
  text-transform: none
  <strong><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit…span>strong>
p>

8 chỉ định cách viết hoa văn bản của phần tử. Nó có thể đượ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. Nó cũng có thể giúp cải thiện mức độ dễ đọc cho ruby

Thuộc tính

<p>
  Initial String
  <strong>Lorem ipsum dolor sit amet, consectetur adipisicing elit…strong>
p>
<p>
  text-transform: none
  <strong><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit…span>strong>
p>

8 tính đến các quy tắc ánh xạ trường hợp theo ngôn ngữ cụ thể, chẳng hạn như sau

Trong các ngôn ngữ Turkic, như tiếng Thổ Nhĩ Kỳ (_______4_______0), tiếng Azerbaijan (

span {
  text-transform: none;
}
strong {
  float: right;
}

1), tiếng Tatar Krym (_______4_______2), tiếng Tatar Volga (

span {
  text-transform: none;
}
strong {
  float: right;
}

3) và tiếng Bashkir (

span {
  text-transform: none;
}
strong {
  float: right;
}

4), có hai loại

span {
  text-transform: none;
}
strong {
  float: right;
}

5, có và không có dấu chấm, và hai cách ghép trường hợp.

span {
  text-transform: none;
}
strong {
  float: right;
}

5/_______4_______7 và

span {
  text-transform: none;
}
strong {
  float: right;
}

8/

span {
  text-transform: none;
}
strong {
  float: right;
}

9

Trong tiếng Đức (

<p>
  Initial String
  <strong>Lorem ipsum dolor sit amet, consectetur adipisicing elit…strong>
p>
<p>
  text-transform: capitalize
  <strong><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit…span>strong>
p>

0),

<p>
  Initial String
  <strong>Lorem ipsum dolor sit amet, consectetur adipisicing elit…strong>
p>
<p>
  text-transform: capitalize
  <strong><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit…span>strong>
p>

1 trở thành

<p>
  Initial String
  <strong>Lorem ipsum dolor sit amet, consectetur adipisicing elit…strong>
p>
<p>
  text-transform: capitalize
  <strong><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit…span>strong>
p>

2 viết hoa

Trong tiếng Hà Lan (

<p>
  Initial String
  <strong>Lorem ipsum dolor sit amet, consectetur adipisicing elit…strong>
p>
<p>
  text-transform: capitalize
  <strong><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit…span>strong>
p>

3), chữ viết hoa của

<p>
  Initial String
  <strong>Lorem ipsum dolor sit amet, consectetur adipisicing elit…strong>
p>
<p>
  text-transform: capitalize
  <strong><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit…span>strong>
p>

4 trở thành

<p>
  Initial String
  <strong>Lorem ipsum dolor sit amet, consectetur adipisicing elit…strong>
p>
<p>
  text-transform: capitalize
  <strong><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit…span>strong>
p>

5, ngay cả với

<p>
  Initial String
  <strong>Lorem ipsum dolor sit amet, consectetur adipisicing elit…strong>
p>
<p>
  text-transform: capitalize
  <strong><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit…span>strong>
p>

6, vốn chỉ viết hoa chữ cái đầu tiên của một từ

Trong tiếng Hy Lạp (

<p>
  Initial String
  <strong>Lorem ipsum dolor sit amet, consectetur adipisicing elit…strong>
p>
<p>
  text-transform: capitalize
  <strong><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit…span>strong>
p>

7), các nguyên âm bị mất trọng âm khi toàn bộ từ được viết hoa (

<p>
  Initial String
  <strong>Lorem ipsum dolor sit amet, consectetur adipisicing elit…strong>
p>
<p>
  text-transform: capitalize
  <strong><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit…span>strong>
p>

8/

<p>
  Initial String
  <strong>Lorem ipsum dolor sit amet, consectetur adipisicing elit…strong>
p>
<p>
  text-transform: capitalize
  <strong><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit…span>strong>
p>

9), ngoại trừ từ phân cách eta (

span {
  text-transform: capitalize;
}
strong {
  float: right;
}

0/

span {
  text-transform: capitalize;
}
strong {
  float: right;
}

1). Ngoài ra, các nguyên âm đôi có trọng âm ở nguyên âm thứ nhất sẽ mất trọng âm và có dấu phân cách ở nguyên âm thứ hai (

span {
  text-transform: capitalize;
}
strong {
  float: right;
}

2/

span {
  text-transform: capitalize;
}
strong {
  float: right;
}

3)

Trong tiếng Hy Lạp (

<p>
  Initial String
  <strong>Lorem ipsum dolor sit amet, consectetur adipisicing elit…strong>
p>
<p>
  text-transform: capitalize
  <strong><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit…span>strong>
p>

7), ký tự sigma viết thường có hai dạng.

span {
  text-transform: capitalize;
}
strong {
  float: right;
}

5 và

span {
  text-transform: capitalize;
}
strong {
  float: right;
}

6.

span {
  text-transform: capitalize;
}
strong {
  float: right;
}

6 chỉ được sử dụng khi sigma kết thúc một từ. Khi áp dụng

span {
  text-transform: capitalize;
}
strong {
  float: right;
}

8 cho chữ sigma viết hoa (

span {
  text-transform: capitalize;
}
strong {
  float: right;
}

9), trình duyệt cần chọn dạng chữ thường phù hợp dựa trên ngữ cảnh

trong tiếng Ireland (

<p>
  Initial String
  <strong>(this) "is" [a] –short– -test- «for» *the* _css_ ¿capitalize?
    ?¡transform!strong>
p>
<p>
  text-transform: capitalize
  <strong><span>(this) "is" [a] –short– -test- «for» *the* _css_ ¿capitalize?
      ?¡transform!span>strong>
p>

0), một số chữ cái có tiền tố nhất định vẫn ở dạng chữ thường khi chữ cái đầu cơ sở được viết hoa, vì vậy, ví dụ:

<p>
  Initial String
  <strong>(this) "is" [a] –short– -test- «for» *the* _css_ ¿capitalize?
    ?¡transform!strong>
p>
<p>
  text-transform: capitalize
  <strong><span>(this) "is" [a] –short– -test- «for» *the* _css_ ¿capitalize?
      ?¡transform!span>strong>
p>

1 sẽ thay đổi

<p>
  Initial String
  <strong>(this) "is" [a] –short– -test- «for» *the* _css_ ¿capitalize?
    ?¡transform!strong>
p>
<p>
  text-transform: capitalize
  <strong><span>(this) "is" [a] –short– -test- «for» *the* _css_ ¿capitalize?
      ?¡transform!span>strong>
p>

2 thành

<p>
  Initial String
  <strong>(this) "is" [a] –short– -test- «for» *the* _css_ ¿capitalize?
    ?¡transform!strong>
p>
<p>
  text-transform: capitalize
  <strong><span>(this) "is" [a] –short– -test- «for» *the* _css_ ¿capitalize?
      ?¡transform!span>strong>
p>

3 chứ không phải, như người ta có thể mong đợi,

<p>
  Initial String
  <strong>(this) "is" [a] –short– -test- «for» *the* _css_ ¿capitalize?
    ?¡transform!strong>
p>
<p>
  text-transform: capitalize
  <strong><span>(this) "is" [a] –short– -test- «for» *the* _css_ ¿capitalize?
      ?¡transform!span>strong>
p>

4 (chỉ dành cho Firefox). Trong một số trường hợp, dấu gạch nối cũng bị xóa khi viết hoa.

<p>
  Initial String
  <strong>(this) "is" [a] –short– -test- «for» *the* _css_ ¿capitalize?
    ?¡transform!strong>
p>
<p>
  text-transform: capitalize
  <strong><span>(this) "is" [a] –short– -test- «for» *the* _css_ ¿capitalize?
      ?¡transform!span>strong>
p>

5 biến đổi thành

<p>
  Initial String
  <strong>(this) "is" [a] –short– -test- «for» *the* _css_ ¿capitalize?
    ?¡transform!strong>
p>
<p>
  text-transform: capitalize
  <strong><span>(this) "is" [a] –short– -test- «for» *the* _css_ ¿capitalize?
      ?¡transform!span>strong>
p>

6 (và dấu gạch nối được chèn lại chính xác bởi

span {
  text-transform: capitalize;
}
strong {
  float: right;
}

8)

Ngôn ngữ được xác định bởi thuộc tính HTML

<p>
  Initial String
  <strong>(this) "is" [a] –short– -test- «for» *the* _css_ ¿capitalize?
    ?¡transform!strong>
p>
<p>
  text-transform: capitalize
  <strong><span>(this) "is" [a] –short– -test- «for» *the* _css_ ¿capitalize?
      ?¡transform!span>strong>
p>

8 hoặc thuộc tính XML

<p>
  Initial String
  <strong>(this) "is" [a] –short– -test- «for» *the* _css_ ¿capitalize?
    ?¡transform!strong>
p>
<p>
  text-transform: capitalize
  <strong><span>(this) "is" [a] –short– -test- «for» *the* _css_ ¿capitalize?
      ?¡transform!span>strong>
p>

9

Ghi chú. Hỗ trợ cho các trường hợp ngôn ngữ cụ thể khác nhau giữa các trình duyệt, vì vậy hãy kiểm tra

/* Keyword values */
text-transform: none;
text-transform: capitalize;
text-transform: uppercase;
text-transform: lowercase;
text-transform: full-width;
text-transform: full-size-kana;

/* Global values */
text-transform: inherit;
text-transform: initial;
text-transform: revert;
text-transform: revert-layer;
text-transform: unset;

span {
  text-transform: capitalize;
}
strong {
  float: right;
}

0

Là từ khóa chuyển chữ cái đầu tiên của mỗi từ thành chữ hoa. Các ký tự khác không thay đổi (chúng giữ nguyên cách viết hoa ban đầu như được viết trong văn bản của phần tử). Một chữ cái được định nghĩa là một ký tự thuộc danh mục chung Chữ cái hoặc Số của Unicode Thử nghiệm ; .

Ghi chú. Các tác giả không nên mong đợi

span {
  text-transform: capitalize;
}
strong {
  float: right;
}

0 tuân theo các quy ước về cách viết hoa tiêu đề theo ngôn ngữ cụ thể (chẳng hạn như bỏ qua các mạo từ bằng tiếng Anh)

Ghi chú. Từ khóa

span {
  text-transform: capitalize;
}
strong {
  float: right;
}

0 được chỉ định dưới mức trong CSS 1 và CSS 2. 1. Điều này dẫn đến sự khác biệt giữa các trình duyệt trong cách tính chữ cái đầu tiên (Firefox coi

span {
  text-transform: capitalize;
}
strong {
  float: right;
}

3 và

span {
  text-transform: capitalize;
}
strong {
  float: right;
}

4 là các chữ cái, nhưng các trình duyệt khác thì không. Cả Webkit và Gecko đều coi các ký hiệu dựa trên chữ cái như

span {
  text-transform: capitalize;
}
strong {
  float: right;
}

5 là chữ cái thực. Internet Explorer 9 gần nhất với định nghĩa CSS 2, nhưng với một số trường hợp kỳ lạ. ) Bằng cách xác định chính xác hành vi phù hợp, CSS Text Level 3 sẽ dọn dẹp mớ hỗn độn này. Dòng

span {
  text-transform: capitalize;
}
strong {
  float: right;
}

0 trong bảng tương thích trình duyệt chứa phiên bản mà các công cụ khác nhau bắt đầu hỗ trợ hành vi hiện được xác định chính xác này

span {
  text-transform: capitalize;
}
strong {
  float: right;
}

7

Là một từ khóa chuyển đổi tất cả các ký tự thành chữ hoa

span {
  text-transform: capitalize;
}
strong {
  float: right;
}

8

Là một từ khóa chuyển đổi tất cả các ký tự thành chữ thường

span {
  text-transform: capitalize;
}
strong {
  float: right;
}

9

Là từ khóa ngăn trường hợp tất cả các ký tự bị thay đổi

<p>
  Initial String
  <strong>ⓐⓑⓒ (ⓓⓔⓕ) —ⓖⓗⓘ— ⓙklstrong>
p>
<p>
  text-transform: capitalize
  <strong><span>ⓐⓑⓒ (ⓓⓔⓕ) —ⓖⓗⓘ— ⓙklspan>strong>
p>

0

Là một từ khóa buộc phải viết một ký tự — chủ yếu là chữ tượng hình và chữ Latinh — bên trong một hình vuông, cho phép chúng được căn chỉnh trong các chữ viết Đông Á thông thường (như tiếng Trung hoặc tiếng Nhật)

<p>
  Initial String
  <strong>ⓐⓑⓒ (ⓓⓔⓕ) —ⓖⓗⓘ— ⓙklstrong>
p>
<p>
  text-transform: capitalize
  <strong><span>ⓐⓑⓒ (ⓓⓔⓕ) —ⓖⓗⓘ— ⓙklspan>strong>
p>

1

Thường được sử dụng cho văn bản chú thích

<p>
  Initial String
  <strong>ⓐⓑⓒ (ⓓⓔⓕ) —ⓖⓗⓘ— ⓙklstrong>
p>
<p>
  text-transform: capitalize
  <strong><span>ⓐⓑⓒ (ⓓⓔⓕ) —ⓖⓗⓘ— ⓙklspan>strong>
p>

2, từ khóa chuyển đổi tất cả các ký tự Kana nhỏ thành Kana kích thước đầy đủ tương đương, để bù đắp cho các vấn đề về mức độ dễ đọc ở kích thước phông chữ nhỏ thường được sử dụng trong ruby

Các phần lớn của văn bản được đặt với giá trị

<p>
  Initial String
  <strong>Lorem ipsum dolor sit amet, consectetur adipisicing elit…strong>
p>
<p>
  text-transform: none
  <strong><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit…span>strong>
p>

8 của

span {
  text-transform: capitalize;
}
strong {
  float: right;
}

7 có thể khó đọc đối với những người có lo ngại về nhận thức như Chứng khó đọc

Giá trị ban đầu ______ 24 _______ 9 Áp dụng cho tất cả các phần tử. Nó cũng áp dụng cho

<p>
  Initial String
  <strong>ⓐⓑⓒ (ⓓⓔⓕ) —ⓖⓗⓘ— ⓙklstrong>
p>
<p>
  text-transform: capitalize
  <strong><span>ⓐⓑⓒ (ⓓⓔⓕ) —ⓖⓗⓘ— ⓙklspan>strong>
p>

6 và

<p>
  Initial String
  <strong>ⓐⓑⓒ (ⓓⓔⓕ) —ⓖⓗⓘ— ⓙklstrong>
p>
<p>
  text-transform: capitalize
  <strong><span>ⓐⓑⓒ (ⓓⓔⓕ) —ⓖⓗⓘ— ⓙklspan>strong>
p>

7. Được kế thừa có Giá trị được tính theo chỉ định Loại hoạt hình rời rạc

text-transform = 
  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

<p>
  Initial String
  <strong>Lorem ipsum dolor sit amet, consectetur adipisicing elit…strong>
p>
<p>
  text-transform: none
  <strong><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit…span>strong>
p>

span {
  text-transform: none;
}
strong {
  float: right;
}

Điều này chứng tỏ không có chuyển đổi văn bản

<p>
  Initial String
  <strong>Lorem ipsum dolor sit amet, consectetur adipisicing elit…strong>
p>
<p>
  text-transform: capitalize
  <strong><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit…span>strong>
p>

span {
  text-transform: capitalize;
}
strong {
  float: right;
}

Điều này thể hiện cách viết hoa văn bản

<p>
  Initial String
  <strong>(this) "is" [a] –short– -test- «for» *the* _css_ ¿capitalize?
    ?¡transform!strong>
p>
<p>
  text-transform: capitalize
  <strong><span>(this) "is" [a] –short– -test- «for» *the* _css_ ¿capitalize?
      ?¡transform!span>strong>
p>

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ố

<p>
  Initial String
  <strong>ⓐⓑⓒ (ⓓⓔⓕ) —ⓖⓗⓘ— ⓙklstrong>
p>
<p>
  text-transform: capitalize
  <strong><span>ⓐⓑⓒ (ⓓⓔⓕ) —ⓖⓗⓘ— ⓙklspan>strong>
p>

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 = 
  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

0

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 = 
  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

2

text-transform = 
  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

3

Điều này thể hiện việc chuyển đổi văn bản thành chữ hoa

text-transform = 
  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

4

text-transform = 
  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

3

Đ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 = 
  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

6

text-transform = 
  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

7

Điều này thể hiện việc chuyển đổi văn bản thành chữ thường

text-transform = 
  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

8

text-transform = 
  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

7

Đ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

<p>
  Initial String
  <strong>Lorem ipsum dolor sit amet, consectetur adipisicing elit…strong>
p>
<p>
  text-transform: none
  <strong><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit…span>strong>
p>

0

text-transform = 
  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

7

Đ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

<p>
  Initial String
  <strong>Lorem ipsum dolor sit amet, consectetur adipisicing elit…strong>
p>
<p>
  text-transform: none
  <strong><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit…span>strong>
p>

2

<p>
  Initial String
  <strong>Lorem ipsum dolor sit amet, consectetur adipisicing elit…strong>
p>
<p>
  text-transform: none
  <strong><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit…span>strong>
p>

3

Mộ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 Á

<p>
  Initial String
  <strong>Lorem ipsum dolor sit amet, consectetur adipisicing elit…strong>
p>
<p>
  text-transform: none
  <strong><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit…span>strong>
p>

4

<p>
  Initial String
  <strong>Lorem ipsum dolor sit amet, consectetur adipisicing elit…strong>
p>
<p>
  text-transform: none
  <strong><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit…span>strong>
p>

3

Chữ 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.

<p>
  Initial String
  <strong>ⓐⓑⓒ (ⓓⓔⓕ) —ⓖⓗⓘ— ⓙklstrong>
p>
<p>
  text-transform: capitalize
  <strong><span>ⓐⓑⓒ (ⓓⓔⓕ) —ⓖⓗⓘ— ⓙklspan>strong>
p>

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

programming css

Viết hoa chữ cái đầu CSS

Ví dụ về thuộc tính chuyển đổi văn bản với giá trị "chữ hoa"

Text-transform property example

Thí dụ

Thuộc tính chuyển đổi văn bản CSS

Hỗ trợ trình duyệt

Cú pháp CSS

Giá trị tài sản

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội