Hướng dẫn uppercase first letter css - chữ hoa đầu tiên css

332

Mới! Lưu câu hỏi hoặc câu trả lời và sắp xếp nội dung yêu thích của bạn. Tìm hiểu thêm.
Learn more.

Có cách nào để làm cho ký tự đầu tiên ở dưới một nhãn trong CSS.Uppercase in a label in CSS.

Đây là HTML của tôi:

<a class="m_title" href="">gorr</a>
<a class="m_title" href="">trro</a>
<a class="m_title" href="">krro</a>
<a class="m_title" href="">yrro</a>
<a class="m_title" href="">gwwr</a>

Penny Liu

Huy hiệu vàng 13K571 Huy hiệu bạc86 Huy hiệu đồng5 gold badges71 silver badges86 bronze badges

Hỏi ngày 7 tháng 4 năm 2011 lúc 7:18Apr 7, 2011 at 7:18

1

Có một tài sản cho điều đó:

a.m_title {
    text-transform: capitalize;
}

Nếu các liên kết của bạn có thể chứa nhiều từ và bạn chỉ muốn chữ cái đầu tiên của từ đầu tiên được viết hoa, hãy sử dụng

a.m_title {
    text-transform: capitalize;
}

a.m_title {
    text-transform: capitalize;
}

a.m_title {
    text-transform: capitalize;
}

a.m_title {
    text-transform: capitalize;
}

a.m_title {
    text-transform: capitalize;
}

a.m_title {
    display: block;
}

a.m_title:first-letter {
    text-transform: uppercase;
}

Đã trả lời ngày 7 tháng 4 năm 2011 lúc 7:20Apr 7, 2011 at 7:20

BoltclockboltclockBoltClock

677K155 Huy hiệu vàng1362 Huy hiệu bạc1335 Huy hiệu Đồng155 gold badges1362 silver badges1335 bronze badges

17

Lưu ý rằng bộ chọn

a.m_title {
    text-transform: capitalize;
}

a.m_title {
    text-transform: capitalize;
}

a.m_title {
    text-transform: capitalize;
}

.m_title {display:inline-block}
.m_title:first-letter {text-transform: uppercase}

Dave Jarvis

30K38 Huy hiệu vàng176 Huy hiệu bạc 307 Huy hiệu đồng38 gold badges176 silver badges307 bronze badges

Đã trả lời ngày 23 tháng 2 năm 2015 lúc 16:02Feb 23, 2015 at 16:02

1

Làm cho nó viết thường trước:

.m_title {text-transform: lowercase}

Sau đó làm cho nó là chữ cái đầu tiên viết hoa:

.m_title:first-letter {text-transform: uppercase}

"Transform: Viết hoa" hoạt động cho một từ; Nhưng nếu bạn muốn sử dụng cho các câu, giải pháp này là hoàn hảo.

Example:

.m_title {
  display: inline-block; /* Thanks to Fanky (https://stackoverflow.com/users/2095642/fanky) */
  
  text-transform: lowercase
}

.m_title:first-letter {
  text-transform: uppercase
}

<a class="m_title" href="">gorr</a>
<a class="m_title" href="">trro</a>
<a class="m_title" href="">krro</a>
<a class="m_title" href="">yrro</a>
<a class="m_title" href="">gwwr</a>

Đã trả lời ngày 7 tháng 4 năm 2019 lúc 12:11Apr 7, 2019 at 12:11

OzgurgozgurgOzgurG

1.1911 Huy hiệu vàng13 Huy hiệu bạc18 Huy hiệu đồng1 gold badge13 silver badges18 bronze badges

2

________số 8

Đã trả lời ngày 19 tháng 8 năm 2017 lúc 13:58Aug 19, 2017 at 13:58

1

Tôi sẽ khuyên bạn nên sử dụng mã sau trong CSS:

    text-transform:uppercase; 

Hãy chắc chắn rằng bạn đặt nó vào lớp của bạn.

Đã trả lời ngày 1 tháng 12 năm 2016 lúc 16:36Dec 1, 2016 at 16:36

Kevin Daviskevin DavisKevin Davis

3691 Huy hiệu vàng7 Huy hiệu bạc25 Huy hiệu đồng1 gold badge7 silver badges25 bronze badges

Hoạt động trong React Native:

a.m_title {
    text-transform: capitalize;
}

Đã trả lời ngày 12 tháng 5 lúc 23:41May 12 at 23:41

1