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

  • 1 Thuộc tính text-decoration
  • 2 Thuộc tính word-spacing
      • 2.0.1 Người viết đánh giá

Thuộc tính text-decoration

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ị

2c

Cấu trúc

1c

Ví dụ

3c

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

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ị:

4c

Cấu trúc

5c

Ví dụ

6c

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:

  • Kiến thức về CSS (P1): Giới thiệu về CSS
  • Kiến thức về CSS (P2): Cách viết nội dung, bộ chọn và comment trong CSS
  • Kiến thức về CSS (P3): Các thuộc tính background trong CSS.
  • Kiến thức về CSS (P4): Thuộc tính border
  • Kiến thức về CSS (P5): Thuộc tính color
  • Kiến thức về CSS (P6): Thuộc tính font size-Thuộc tính font family
  • Kiến thức về CSS (P7): Thuộc tính font-weight và thuộc tính font-style
  • Kiến thức về CSS (P8): Thuộc tính letter-spacing và thuộc tính line-height

 

  • Người viết đánh giá

  • Rated 5 stars
  • Tuyệt vời
  • 100%

  •  
  • Reviewed by: Phạm Trang
  • Published on: 24/07/2016
  • Last modified: 24/07/2016
  •  


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ài viết khác

HỖ TRỢ KHÁCH HÀNG

Giám đốc: TRẦN VĂN TÍNH
0937 089 986
Tư vấn bán hàng
(028) 3 7272 589
trantinhinox@gmail.com
Tư vấn kỹ thuật
0986827775
trantinhinox@gmail.com

SẢN PHẨM BÁN CHẠY

VIDEOS CLIP

Online : 4 |
Tổng : 259302
Gọi điện SMS zalo Zalo Chỉ đường

inox trần tính

MÁY RỬA KHAY CHÉN , DĨA

TỦ CƠM CÔNG NGHIỆP

BẾP CÔNG NGHIỆP

BẾP NHÀ HÀNG
KHAY INOX
lên đầu trang