Bạn đang xem bài viết Kiến thức về CSS (P9): Thuộc tính text-decoration và thuộc tính word-spacing. Một vài liên kết tham khảo: thiết kế web du lịch thiết kế web tp hcm
Tiếp trong bài hôm nay, chúng ta sẽ đi tìm hiểu hai thuộc tính quan trọng trong 8 thuộc tính văn bản CSS đó là thuộc tính text-decoration và thuộc tính word-spacing.
Thuộc tính text-decoration thiết lập các trang trí thêm cho text. Giúp bạn thêm các hiệu ứng gạch chân (underline), gạch xiên (line-through), gạch đầu (overline), và một hiệu ứng đặc biệt là văn bản nhấp nháy (blink).
Bảng giá trị
Cấu trúc
Ví dụ
Thuộc tính này trên thực tế cũng hay sử dụng nhất là gạch ngang chữ để biểu hiện ý đó không đúng nhưng không xóa để người khác tránh, còn gạch trên đầu hay gạch dưới chân nhằm nhấn mạnh ý thì ít được sử dụng hơn.
Riêng với gạch chân văn bản ngoài cách dùng CSS, bạn có thể đánh dấu văn bản đó bằng cặp thẻ <u> và </u> trong HTML, nó cũng cho kết quả tương tự.
Sử dụng thuộc tính border-top và border-bottom cũng là ý tưởng hay để thay thế overline và underline trong một số trường hợp, vì nó cho phép chúng ta điều chỉnh khoảng cách với văn bản linh hoạt hơn.
Thuộc tính word-spacing trong CSS giúp bạn xác định khoảng cách giữa các từ trong một đoạn văn. Tức là tăng hoặc giảm khoảng cách giữa các ký tự trong đoạn văn bản.
Thuộc tính word-spacing có thể nhận giá trị:
Cấu trúc
Ví dụ
Vậy là những thuộc tính cơ bản của định dạng cho text ta đã tìm hiểu và nắm rõ, những bài tiếp theo mình sẽ chia sẻ sâu hơn vào những kiến thức của CSS, các bạn nhớ theo dõi nhé. Chúc các bạn tự học thiết kế web thật tốt.
Xem thêm:
Nguồn bài viết: Kiến thức về CSS (P9): Thuộc tính text-decoration và thuộc tính word-spacing
Bạn đang xem bài viết Thiết kế web bán ô tô, xe máy, phụ tùng quản lý chi tiết,...
Xem thêmBạn đang xem bài viết Làm cách nào để có một thiết kế ấn tượng và lôi cuốn?....
Xem thêmBạn đang xem bài viết 6 xu hướng thiết kế website du lịch hợp mốt du khách hiện...
Xem thêm