Các thuộc tính CSS định dạng văn bản (text)

Bài tiếp theo trong Serie học CSS căn bản hôm nay chúng ta sẽ cùng tìm hiểu các thuộc tính CSS định dạng văn bản thường dùng trong trang web. Đây là thuộc tính khá quan trọng trong việc định dạng text như màu sắc, kiểu hiển thị, vị trí hiển thị giúp chữ trong trang web thêm thẩm mỹ hơn.

Các thuộc tính CSS định dạng văn bản thường dùng

  •  text color
  •  text-align
  •  text-transform
  •  text-decoration
  •  text-indent

1. Thuộc tính text-color

Là thuộc tính chọn màu cho chữ khi hiển thị

Ví dụ : Định dạng màu chữ đỏ cho thẻ strong nằm trong thẻ p và thuộc thẻ div

các thuộc tính css định dạng văn bản

2. Thuộc tính text-align

Là thuộc tính quen thuộc giúp bạn căn giữa, trái hay phải các đoạn text trong trang web. Với các giá trị :

  •  center : căn giữa
  •  left : căn trái
  •  right : căn phải
  •  justify : căn đều 2 bên

Ví dụ: Định dạng văn bản theo thuộc tính text-aligncác thuộc tính css định dạng văn bản 0032

 

3. Định dạng chữ in hoa in thường (text-transform)

Đây là thuộc tính giúp bạn định dạng kiểu chữ hoa hay chữ thường. Bao gồm 4 giá trị chính

  •  uppercase : in hoa cả đoạn văn
  •  capitalize: in hoa chữ cái đầu tiên
  •  lowercase : chữ thường
  •  none : không chuyển đổi mang giá trị mặc định

Ví dụ : Thực hiện ví dụ đơn giản saucác thuộc tính css định dạng văn bản 001

 

 

4. Định dạng gạch chân cho chữ (text-decoration)

Dùng để gạch chân dưới chữ trong bài viết với 2 giá trị

  •  underline : gạch chân
  •  none : bỏ gạch chân

Thực hiện ví dụ sau: 

các thuộc tính css định dạng văn bản 008

 

6. Xác định vị trí hiển thị chữ (text-indent)

Thuộc tính này dùng để hiển thị chữ theo một vị trí nào đó tính từ góc trái trên cùng (top-left). Thuộc tính này thường được sử dụng trong thẻ a của logo và sau đó dùng thẻ này để ẩn text đi.

Thực hiện ví dụ sau :

các thuộc tính css định dạng văn bản 0098

 

Lời kết : Việc sử dụng các thuộc tính CSS định dạng văn bản đóng vai trò quan trọng và cần thiết trong một website, giúp trang web của bạn thêm thu hút người dùng và chuyên nghiệp hơn. Bài tới chúng ta sẽ cùng tìm hiểu các thuộc tính CSS background quen thuộc.

Chúc bạn thành công!

 

Những bài bạn nên xem:
  1. Các thuộc tính CSS định dạng thẻ a (link)
  2. Các vùng chọn CSS thông dụng (selector)
  3. Các cách viết CSS trong trang web
  4. CSS là gì? Cấu trúc CSS trong một website

 

#Cùng chuyên mục : Serie học HTML căn bản
Các thuộc tính CSS định dạng văn bản (text)
Đánh giá bài viết

Bình luận

Bình luận