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

Nội dung chính

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

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

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 sau

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:

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 :

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:

#Cùng chuyên mục : Serie học HTML căn bản

Rate this post

CSS căn bản, HTML - CSS