dinh dang text trong css

http://vietjack.com/css/index.jsp                                                                                                              Copyright  ©  vietjack.com     Text CSS Trong chương này, trình bày cách để định dạng text sử dụng thuộc tính CSS đa dạng liên quan tới định dạng văn Với phần tử bất kỳ, bạn thiết lập thuộc tính text sau: • Thuộc tính color sử dụng để thiết lập màu cho văn • Thuộc tính direction sử dụng để thiết lập hướng cho văn • Thuộc tính letter-spacing sử dụng để thêm bớt khoảng cách chữ từ • Thuộc tính word-spacing sử dụng để tăng giảm khoảng cách từ câu • Thuộc tính text-indent sử dụng để tạo độ thụt văn đoạn văn • Thuộc tính text-align sử dụng để chỉnh văn tài liệu • Thuộc tính text-decoration sử dụng để tạo cách dấu gạch chân, trên, văn • Thuộc tính text-transform sử dụng để chuyển văn thành chữ hoa chữ thường • Thuộc tính white-space sử dụng để định dạng điều khiển phần khoảng trắng văn • Thuộc tính text-shadow sử dụng để thiết lập hình bóng (shadow word) xung quanh văn Thiết lập màu CSS Để thiết lập màu cho văn CSS, bạn sử dụng thuộc tính color Giá trị thuộc tính tên màu định dạng màu hợp lệ (Tham khảo chương Color CSS) Ví dụ: http://vietjack.com/                                                                                                                              Trang  chia  sẻ  các  bài  học  online  miễn  phí     http://vietjack.com/css/index.jsp                                                                                                              Copyright  ©  vietjack.com     van ban duoc viet bang mau

Phan Kết là: Xác định hướng văn với thuộc tính direction CSS Để xác định hướng cho văn CSS (từ trái sang phải hay từ phải sang trái), bạn sử dụng thuộc tính direction Thuộc tính nhận hai giá trị: ltr (trái sang phải) rtl (phải sang trái) Ví dụ:

Van ban se duoc hien thi theo huong tu phai qua trai

Kết là: Thiết lập khoảng cách chữ với thuộc tính letterspacing CSS Giữa chữ từ nên có khoảng cách hợp lý Để thiết lập khoảng cách này, bạn sử dụng thuộc tính letter-spacing CSS Thuộc tính nhận giá trị: normal số cụ thể Ví dụ:

Cac chu cai mot tu se co khoang cach la pixel

Kết là: Thiết lập khoảng cách từ với thuộc tính word-spacing CSS Thiết lập khoảng cách từ tài liệu cách hợp lý giúp cho Webpage bạn dễ đọc Để thiết lập khoảng cách này, bạn sử dụng thuộc tính word-spacing CSS Thuộc tính nhận giá trị: normal số cụ thể Ví dụ:

Khoang cach giua hai tu lien ke la pixel

Kết là: http://vietjack.com/                                                                                                                              Trang  chia  sẻ  các  bài  học  online  miễn  phí     http://vietjack.com/css/index.jsp                                                                                                              Copyright  ©  vietjack.com     Thiết lập độ thụt văn với thuộc tính text-indent CSS Trong Website chất lượng, đoạn văn hay khối, từ dòng nên thiết lập độ thụt dòng hợp lý Điều khiến Website bạn đẹp chuyên nghiệp Để thiết lập độ thụt dòng này, bạn nên sử dụng thuộc tính text-indent CSS Thuộc tính nhận giá trị: % số cụ thể Ví dụ:

Dong se bi thut le cm Viec thut dong se chi dien tren dong dau tien cua doan van Do thut dong duoc xac dinh boi thuoc tinh textindent CSS

Kết là: Căn chỉnh văn với thuộc tính text-align CSS Giống Word, CSS có thuộc tính text-align để giúp bạn việc chỉnh văn Thuộc tính nhận giá trị :left, right, center, justify

Can chinh ben phai (gia tri right)

Can chinh o giua (gia tri center)

Can chinh ben trai (gia tri left)

Kết là: Trang trí văn với thuộc tính text-decoration CSS Để tạo dấu gạch ngang chân, đoạn văn bản, bạn sử dụng thuộc tính text-direction CSS Thuộc tính nhận giá trị: none, overline (dấu gạch trên), underline (gạch chân), line-through (gạch ngang) blink Ví dụ:

Doan van se co duong gach ngang duoi chan

Doan van se bi gach ngang

Doan van se co duong gach ngang tren dau

Doan van se co hieu ung blink Tuy nhien, gia tri blink khong duoc ho tro boi nhieu trinh duyet

Kết là: &minnus; http://vietjack.com/                                                                                                                              Trang  chia  sẻ  các  bài  học  online  miễn  phí     http://vietjack.com/css/index.jsp                                                                                                              Copyright  ©  vietjack.com     Thiết lập chữ hoa, chữ thường CSS Để thiết lập chữ hoa chữ thường cho đoạn văn bản, bạn sử dụng thuộc tính texttransform CSS Thuộc tính nhận giá trị: none, capitalize (viết hoa chữ từ), uppercase (chuyển toàn văn thành chữ hoa), lowercase (chuyển toàn văn thành chữ thường) Ví dụ:

Viet hoa chu cai dau tien

Viet hoa toan bo chu cai

Viet thuong toan bo chu cai

Kết là: Thiết lập khoảng cách khoảng trắng CSS Giả sử bạn có dòng văn mà truyền tải thông tin quan trọng, bạn muốn tăng khoảng cách từ đoạn văn này, bạn sử dụng thuộc tính white-space CSS Thuộc tính nhận giá trị: normal, pre nowrap Ví dụ:

Phan van ban co mot doan xuong dong (line break) va duoc xac duoc voi gia tri pre cua thuoc tinh white-space de noi cho trinh duyet xu ly no giong nhu the PRE HTML.

Kết là: Tạo shadow CSS Để tạo shadow cho văn bản, bạn sử dụng thuộc tính text-shadow CSS Tuy nhiên thuộc tính khơng hỗ trợ số trình duyệt Cú pháp: text-shadow: h-shadow v-shadow blur-radius color|none|initial|inherit; Ví dụ

Neu trinh duyet cua ban khong ho tro thuoc tinh text-shadow CSS, thi phan van ban se co Blue Shadow

Kết là: Neu trinh duyet cua ban khong ho tro thuoc tinh text-shadow CSS, thi phan van ban se co Blue Shadow http://vietjack.com/                                                                                                                              Trang  chia  sẻ  các  bài  học  online  miễn  phí     http://vietjack.com/css/index.jsp                                                                                                              Copyright  ©  vietjack.com       http://vietjack.com/                                                                                                                              Trang  chia  sẻ  các  bài  học  online  miễn  phí     ... van Do thut dong duoc xac dinh boi thuoc tinh textindent CSS

Kết là: Căn chỉnh văn với thuộc tính text- align CSS Giống Word, CSS có thuộc tính text- align để giúp bạn việc... Kết là: Trang trí văn với thuộc tính text- decoration CSS Để tạo dấu gạch ngang chân, đoạn văn bản, bạn sử dụng thuộc tính text- direction CSS Thuộc tính nhận giá trị: none, overline (dấu... Kết là: Tạo shadow CSS Để tạo shadow cho văn bản, bạn sử dụng thuộc tính text- shadow CSS Tuy nhiên thuộc tính khơng hỗ trợ số trình duyệt Cú pháp: text- shadow: h-shadow v-shadow blur-radius