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ác thuộc tính CSS định dạng thẻ a (link)
- Các vùng chọn CSS thông dụng (selector)
- Các cách viết CSS trong trang web
- CSS là gì? Cấu trúc CSS trong một website