Các thuộc tính CSS cho TEXT

Text là một trong những thành phần chính của một website, nó giúp ta truyền tải nội dung của trang web tới người xem. Trong phần này chúng ta cùng tìm hiểu các thuộc tính của text và CSS có thể làm được những gì với TEXT

Color

color: value;

Trong đó value là giá trị quy định màu sắc cho dòng text. Có 3 cách viết giá trị màu trong CSS là:

1. color name - ví dụ:(red, black...)
2. hexadecimal number - ví dụ:(#ff0000, #000000)
3. RGB color code - ví dụ:(rgb(255, 0, 0), rgb(0, 0, 0))

Letter spacing

letter-spacing: 5px;

Trong đó 5px là giá trị quy định khoảng cách giữa hai ký tự trong một từ.

Text align

text-align: left;

Là quy định cho khối văn bản canh lề bên trái, phải hay ở giữa.

Text decoration

text-decoration: value;

Trong đó value là giá trị quy định kiểu trang trí cho dòng text. Có 5 cách viết giá trị của Text decoration trong CSS là:

1. none: là không có trang trí gì
2. underline: gạch chân
3. overline: có đường kẻ phía trên
4. line through: có đường kẻ ở giữa
5. blink: nhấp nháy (không áp dụng được khi dùng IE)

Text indent

text-indent: 5px;

Trong đó 5px là giá trị quy định khoảng cách thụt vào của dòng đầu tiên

Text transform

text-transform: value;

Trong đó value là giá trị quy định kiểu viết hoa cho từng từ. Có 4 cách viết giá trị của Text transform trong CSS là:

1. none: là không có trang trí gì
2. capitalize: Viết Hoa Tất Cả Ký Tự Đầu
3. uppercase: VIẾT HOA TẤT CẢ
4. lowercase: viết thường tất cả

White Space

white-space: normal;

Thuộc tính white-space được dùng để căn chỉnh khoảng không gian bao quanh đối tượng.

Word Spacing

word-spacing: 5px;

Trong đó 5px là giá trị quy định khoảng trắng giữa 2 từ trong câu.