p {
}

Này em hỡi con đường em đi đó, con đường em theo đó Chắc qua bao lênh đênh. Bao gập ghềnh có làm heo hắt Có dập tắt mất nét tươi nhuộm nụ cười

1. normal: hiển thị text theo kiểu in thường
2. italic: hiển thị text theo kiểu in nghiêng
3. oblique: hiển thị text theo kiểu in xiên

p {
	*font-style: oblique;
}

Này em hỡi con đường em đi đó, con đường em theo đó Chắc qua bao lênh đênh. Bao gập ghềnh có làm heo hắt Có dập tắt mất nét tươi nhuộm nụ cười

Chỉ định kích thước văn bản

1. xx-small | x-small | small | medium | large | x-large | xx-large
2. smaller | larger
3. Length (px, pt, em…): chỉ định font-size bằng giá trị cố định
4. %: chỉ định font-size theo tỉ lệ % so với font-size của phần tử cha

p {
	*font-size: 18px;
}

Này em hỡi con đường em đi đó, con đường em theo đó Chắc qua bao lênh đênh. Bao gập ghềnh có làm heo hắt Có dập tắt mất nét tươi nhuộm nụ cười

Mô tả cách thức thể hiện của font chữ là ở dạng bình thường (normal) hay in đậm (bold)

1. normal
2. bold
3. bolder
4. lighter
5. 100, 200, 300, 400 (normal), 500, 600, 700 (bold), 800, 900

p {
	*font-weight:700;
}

Này em hỡi con đường em đi đó, con đường em theo đó Chắc qua bao lênh đênh. Bao gập ghềnh có làm heo hắt Có dập tắt mất nét tươi nhuộm nụ cười

Được dùng để chọn giữa chế độ bình thường và small-caps của một font chữ.

p {
	*font-variant:small-caps;
}

Này em hỡi con đường em đi đó, con đường em theo đó Chắc qua bao lênh đênh. Bao gập ghềnh có làm heo hắt Có dập tắt mất nét tươi nhuộm nụ cười

Thuộc tính font-family được dùng để định dạng kiểu chữ cho thành phần.

@import url('https://fonts.googleapis.com/css?family=Pangolin');
p {
	*font-family: 'Pangolin', cursive;
}

Này em hỡi con đường em đi đó, con đường em theo đó Chắc qua bao lênh đênh. Bao gập ghềnh có làm heo hắt Có dập tắt mất nét tươi nhuộm nụ cười

Thuộc tính letter-spacing được dùng để định dạng khoảng cách các ký tự cho thành phần.

1. Length (px, pt, em…): chỉ định font-size bằng giá trị cố định

p {
	*letter-spacing: 4px;
}

Này em hỡi con đường em đi đó, con đường em theo đó Chắc qua bao lênh đênh. Bao gập ghềnh có làm heo hắt Có dập tắt mất nét tươi nhuộm nụ cười

Thuộc tính line-height được dùng để định dạng khoảng cách các ký tự cho thành phần.

1. Number: Tăng hoặc giảm khoảng cách giữa các dòng, có thể là số tự nhiên hoặc số thập phân.
2. Length (px, pt, em…): Tăng hoặc giảm khoảng cách giữa các dòng, đơn vị có thể là px, em, %, ...

p {
	*line-height: 30px;
}

Này em hỡi con đường em đi đó, con đường em theo đó Chắc qua bao lênh đênh. Bao gập ghềnh có làm heo hắt Có dập tắt mất nét tươi nhuộm nụ cười

Thuộc tính text-decoration được dùng xác định thành phần có gạch dưới hay không.

1. underline: Xác định đường gạch bên dưới văn bản.
2. overline: Xác định đường gạch bên trên văn bản.
3. line-through: Xác định đường gạch ngang văn bản.
4. blink: Xác định văn bản nhấp nháy.

p {
	*text-decoration: underline;
}

Này em hỡi con đường em đi đó, con đường em theo đó Chắc qua bao lênh đênh. Bao gập ghềnh có làm heo hắt Có dập tắt mất nét tươi nhuộm nụ cười

Thuộc tính word-spacing được dùng để định dạng khoảng cách giữa các từ cho thành phần.

1. Length (px, pt, em…): Tăng hoặc giảm khoảng cách giữa các dòng, đơn vị có thể là px, em, %, ...

p {
	*word-spacing: 10px;
}

Này em hỡi con đường em đi đó, con đường em theo đó Chắc qua bao lênh đênh. Bao gập ghềnh có làm heo hắt Có dập tắt mất nét tươi nhuộm nụ cười

Thuộc tính white-space chỉ rõ khoảng cách trắng bên trong một phần tử được xử lý như thế nào.

1. nowrap: Văn bản sẽ trên 1 dòng duy nhất và chỉ bị rớt dòng khi sử dụng thẻ <br>
2. pre: Văn bản sẽ trên 1 dòng duy nhất và chỉ bị rớt dòng khi sử dụng ngắt dòng
3. pre-line: Văn bản sẽ được rớt dòng khi cần thiết
4. pre-wrap: Văn bản sẽ được rớt dòng khi cần thiết và có dấu ngắt dòng

p {
	*white-space: nowrap;
}

Này em hỡi con đường em đi đó, con đường em theo đó Chắc qua bao lênh đênh. Bao gập ghềnh có làm heo hắt Có dập tắt mất nét tươi nhuộm nụ cười

Khi văn bản vượt quá giợi hạn khung sẽ được xử lý như thế nào.

1. scroll: xuất hiện thanh cuộn trang
2. hidden: ẩn nội dung vượt giới hạn

p {
	*overflow : hidden;
}

Này em hỡi con đường em đi đó, con đường em theo đó Chắc qua bao lênh đênh. Bao gập ghềnh có làm heo hắt Có dập tắt mất nét tươi nhuộm nụ cười

Thuộc tính text-overflow xác định khi nội dung bản vượt quá giới hạn khung sẽ được xử lý như thế nào

1. ellipsis: xuất hiện dấu ba chấm cuối hàng ('...')

p {
	*overflow : hidden;
	*text-overflow : ellipsis;
}

Này em hỡi con đường em đi đó, con đường em theo đó Chắc qua bao lênh đênh. Bao gập ghềnh có làm heo hắt Có dập tắt mất nét tươi nhuộm nụ cười

Thuộc tính text-align xác định dồn nội dung văn bản

1. left: căn trái nội dung
2. right: căn phải nội dung
3. center: căn giữa nội dung
4. justify: căn đều 2 bên nội dung

p {
	*text-align : center;
}

Này em hỡi con đường em đi đó, con đường em theo đó Chắc qua bao lênh đênh. Bao gập ghềnh có làm heo hắt Có dập tắt mất nét tươi nhuộm nụ cười

Thuộc tính text-indent xác định thụt đầu dòng

1. Length (px, pt, em…): Tăng hoặc giảm khoảng cách giữa các dòng, đơn vị có thể là px, em, %, ...
2. Để làm mất nội dung của một đối tượng người ta thường dùng text-indent: -9999px

p {
	*text-indent : 50px;
}

Này em hỡi con đường em đi đó, con đường em theo đó Chắc qua bao lênh đênh. Bao gập ghềnh có làm heo hắt Có dập tắt mất nét tươi nhuộm nụ cười

Thuộc tính text-shadow xác định đổ bóng cho text

1. A: kéo bóng về trái hay phải với giá trị dương bóng sẽ đổ về phía phải và ngược lại.
2. B: kéo bóng về trên hay dưới với giá trị dương bóng sẽ đổ về phía dưới và ngược lại.
3. C: độ làm mờ (blur) của bóng đổ
4. E: màu của bóng đổ

p {
	*text-shadow : 1px 2px 3px #FF0000;
}

Này em hỡi con đường em đi đó, con đường em theo đó Chắc qua bao lênh đênh. Bao gập ghềnh có làm heo hắt Có dập tắt mất nét tươi nhuộm nụ cười

Thuộc tính text-transform xác định kiểu viết hoa.

1. uppercase: Chữ in hoa
2. lowercase: viết thường tất cả nội dung
3. capitalize: Chữ hoa mỗi đầu ký tự

p {
	*text-transform : uppercase;
}

Này em hỡi con đường em đi đó, con đường em theo đó Chắc qua bao lênh đênh. Bao gập ghềnh có làm heo hắt Có dập tắt mất nét tươi nhuộm nụ cười

Thuộc tính vertical-align vị trí text

1. text-top: Luôn lên đầu
2. text-bottom: Luôn bên dưới

p {
	*vertical-align : text-top;
}

Này em hỡi con đường em đi đó,con đường em theo đó Chắc qua bao lênh đênh. Bao gập ghềnh có làm heo hắt Có dập tắt mất nét tươi nhuộm nụ cười