Hướng dẫn text-align trong css - căn chỉnh văn bản trong css

• Trang chủ
• Tham khảo
• CSS
• Thuộc tính text-align

Định nghĩa và sử dụng

Thuộc tính text-align sắp xếp các nội dung theo chiều ngang.

Cấu trúc

tag {
    text-align: giá trị;
}

Với giá trị như sau:

HTML viết:

Canh trái
Canh giữa
Canh phải

Hiển thị trình duyệt khi chưa có CSS:

Canh trái

Canh giữa

Canh phải

CSS viết:

p.alignLeft {
    text-align: left;
}

p.alignCenter {
    text-align: center;
}

p.alignRight {
    text-align: right;
}

Hiển thị trình duyệt khi có CSS:

Canh trái

Canh giữa

Canh phải

CSS viết:

Hiển thị trình duyệt khi có CSS:

Trình duyệt hỗ trợ

• center
• - Văn bản được canh nằm giữa.
• right
• - Văn bản được canh nằm bên phải.

justify

- Văn bản được canh đều hai bên trái & phải.

initial

- Sử dụng giá trị mặc định của nó.

text align left

(mặc định thì thuộc tính text-align có giá trị là left)

inherit

text align right

- Kế thừa giá trị thuộc tính text-align từ phần tử cha của nó.

Trang chủ

text align center

Tham khảo

CSS

text align justify : Sắp xếp nội dung cho các dòng có chiều rộng bằng nhau, điều
 này có nghĩa là trình duyệt sẽ tự động canh đều các dòng nội dung sao cho tất cả các 
 dòng nội dung đều có cùng chiều rộng.

Ví dụ về thuộc tính text-align

1) Thuộc tính text-align trong CSS

- Thuộc tính text-align dùng để "canh lề theo chiều ngang" cho văn bản bên trong phần tử.text-align dùng để "canh lề theo chiều ngang" cho văn bản bên trong phần tử.

- Ví dụ:

• Trong phần tử bên dưới, văn bản được canh nằm bên trái.

- Lập Trình Web

• Trong phần tử bên dưới, văn bản được canh nằm giữa.

- Lập Trình Web

• Trong phần tử bên dưới, văn bản được canh nằm giữa.

- Lập Trình Web

• Trong phần tử bên dưới, văn bản được canh nằm giữa.

Trong phần tử bên dưới, văn bản được canh nằm bên phải.

Trong phần tử bên dưới, văn bản được canh đều hai bên trái & phải.text-align không chỉ dùng để canh lề cho văn bản, mà nó còn có thể dùng để canh lề cho hầu hết các loại nội dung bên trong phần tử, ví dụ:

• - HTML là ngôn ngữ đầu tiên mà một nhà thiết kế web phải học. HTML được dùng để tạo ra các nội dung cho trang web, ví dụ như: hình ảnh, âm thanh, video, các liên kết, các đoạn văn bản,.... HTML cực kỳ dễ học. Đồng thời, chúng tôi xin giới thiệu đến các bạn loạt Tài liệu hướng dẫn học HTML đã được biên soạn kỹ lưỡng theo trình tự từ cơ bản đến nâng cao kèm theo nhiều ví dụ minh họa đơn giản dễ hiểu. Hứa hẹn sẽ giúp bạn đọc dễ dàng tiếp thu ngôn ngữ HTML trong thời gian ngắn nhất với khối lượng kiến thức đầy đủ nhất.
• - Lưu ý: Thuộc tính text-align không chỉ dùng để canh lề cho văn bản, mà nó còn có thể dùng để canh lề cho hầu hết các loại nội dung bên trong phần tử, ví dụ:
• Trong phần tử bên dưới, tấm hình được canh nằm bên trái.

Trong phần tử bên dưới, tấm hình được canh nằm giữa.

Trong phần tử bên dưới, tấm hình được canh nằm bên phải.text-align, ta dùng cú pháp như sau:

text-align: left|center|right|justify|initial|inherit;

2) Cách sử dụng thuộc tính text-align trong CSStext-align có thể được xác định bởi một trong sáu loại: