Bạn đang xem : css viết hoa chữ cái đầu tiên

CSS hiện đại cho phép bạn làm một số điều thú vị những điều thú vị mà trước đây yêu cầu JavaScript .

Một trong những tính năng này là có thể viết hoa chữ cái đầu tiên của từ.

Rất may, giờ đây bạn có thể thực hiện việc này hoàn toàn bằng CSS.

Trong bài đăng này, chúng ta sẽ học cách viết hoa chữ cái đầu tiên của một từ trong CSS.

Để bắt đầu, giả sử đây là đánh dấu mẫu của chúng tôi:

 & lt; p & gt; hello world & lt; / p & gt; 

Hãy dùng thử mà không có kiểu dáng:

  • HTML
  •  
    

⠵︎ Chạy

Chúng tôi có thể nhắm mục tiêu chỉ chữ cái đầu tiên bằng cách sử dụng lớp giả chữ cái đầu tiên .

 p: chữ cái đầu tiên {
    / * các kiểu cho chữ cái đầu tiên * /
} 

Điều này sẽ chỉ áp dụng kiểu cho chữ cái đầu tiên của phần tử.

Bây giờ, nếu chúng ta muốn viết hoa nó, chúng ta có thể thêm thuộc tính text-converter .

 p: chữ cái đầu tiên {
    text-biến đổi: viết hoa;
} 

Hãy thử nó bên dưới:

  • HTML
  • CSS
  •  
    
  •  
    

⠵︎ Chạy

Bây giờ, bạn sẽ thấy rằng văn bản có nội dung:

 Hello world 

Trong bài đăng này, chúng ta đã học cách sử dụng CSS để viết hoa chữ cái đầu tiên của một từ.

Chỉ cần sử dụng lớp giả first-letter để nhắm mục tiêu chữ cái đầu tiên của một phần tử và thêm thuộc tính text-converter để viết hoa nó.

See also  API REST là gì? Ví dụ, Sử dụng và Thách thức - phần còn lại là gì

Cảm ơn bạn đã đọc và chúc bạn viết mã vui vẻ!


Xem thêm những thông tin liên quan đến chủ đề css viết hoa chữ cái đầu tiên

BÍ ẨN CHỮ CÁI ĐẦU TIÊN TRONG TÊN BẠN| KHÁM PHÁ CS

  • Tác giả: Sarah Phương
  • Ngày đăng: 2018-12-04
  • Đánh giá: 4 ⭐ ( 9536 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: THE FIRST INNOCENT IN YOUR NAME-MEANING NAME
    The name is attached to us throughout life so it is no coincidence that the name is enough to describe the personality of someone. It is interesting that only the first letter can predict your personality, your identity.
    Let’s explore the CS “learn this interesting mystery,
    Wish you have a relaxing and happy time with your loved ones !!!

Cách viết hoa chữ cái đầu tiên của chuỗi trong JavaScript

  • Tác giả: helpex.vn
  • Đánh giá: 4 ⭐ ( 6990 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Dưới đây là đoạn mã nhanh cho phiên bản JavaScript của ucfirst . Đoạn mã này sẽ cho phép bạn viết hoa chữ cái đầu tiên của chuỗi bằng JavaScript. function jsUcfirst(string) { return…

Viết hoa trong CSS sử dụng thuộc tính text-transform

  • Tác giả: hocban.vn
  • Đánh giá: 5 ⭐ ( 5134 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Để viết hoa trong CSS thì chúng ta sẽ sử dụng thuộc tính text-transform, thuộc tính này giúp tự viết hoa, viết thường toàn bộ văn bản hoặc viết hoa đầu mỗi từ.

Thuộc tính text-transform

  • Tác giả: hocwebchuan.com
  • Đánh giá: 3 ⭐ ( 5359 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Thuộc tính text-transform thiết lập các ký tự viết hoa cho văn bản – Học web chuẩn
See also  Trình cài đặt ngoại tuyến Microsoft .NET Framework 4.8 dành cho Windows - Khung mạng descargar 4.8

Chữ cái viết hoa trong html và css

  • Tác giả: vi.unansea.com
  • Đánh giá: 5 ⭐ ( 1976 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Những lưu ý khi đặt tên class trong CSS

  • Tác giả: viblo.asia
  • Đánh giá: 5 ⭐ ( 9575 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Nghe qua có vẻ hơi xàm xí, đặt tên thôi mà, làm gì cần phải lưu ý?

Tạo chữ hoa đầu tiên trong CSS

  • Tác giả: qastack.vn
  • Đánh giá: 3 ⭐ ( 1745 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: [Tìm thấy giải pháp!] Có một tài sản cho rằng: a.m_title { text-transform: capitalize; } Nếu các liên kết của…

Xem thêm các bài viết khác thuộc chuyên mục: WordPress