Thuộc tính CSS text-align đặt căn chỉnh theo chiều ngang của nội dung cấp độ nội tuyến bên trong phần tử khối hoặc hộp ô bảng. Điều này có nghĩa là nó hoạt động giống như vertical-align nhưng theo hướng nằm ngang /* Keyword values */
text-align: start;
text-align: end;
text-align: left;
text-align: right;
text-align: center;
text-align: justify;
text-align: justify-all;
text-align: match-parent;
/* Character-based alignment in a table column */
text-align: ".";
text-align: "." center;
/* Block alignment values (Non-standard syntax) */
text-align: -moz-center;
text-align: -webkit-center;
/* Global values */
text-align: inherit;
text-align: initial;
text-align: revert;
text-align: revert-layer;
text-align: unset;
Thuộc tính text-align được chỉ định theo một trong các cách sau - Sử dụng các giá trị từ khóa
text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all
1, text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all
2, text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all
3, text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all
4, text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all
5, text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all
6, text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all
7 hoặc text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all
8 - Chỉ sử dụng giá trị
text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all
9, trong trường hợp đó, giá trị khác mặc định là text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all
4 - Sử dụng cả giá trị từ khóa và giá trị
text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all
1Giống như text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all
3 nếu hướng từ trái sang phải và text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all
4 nếu hướng từ phải sang tráitext-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all
2Giống như text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all
4 nếu hướng từ trái sang phải và text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all
3 nếu hướng từ phải sang tráitext-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all
3Nội dung trong dòng được căn chỉnh theo cạnh trái của hộp dòng text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all
4Nội dung trong dòng được căn chỉnh theo cạnh phải của hộp dòng text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all
5Nội dung nội tuyến được căn giữa trong hộp dòng text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all
6Các nội dung nội tuyến là hợp lý. Văn bản phải được giãn cách để sắp xếp các cạnh trái và phải của nó với các cạnh trái và phải của hộp dòng, ngoại trừ dòng cuối cùng text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all
7 Thử nghiệmTương tự như text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all
6, nhưng cũng buộc dòng cuối cùng phải được chứng minhtext-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all
8Tương tự như .example {
text-align: start;
border: solid;
}
5, nhưng các giá trị text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all
1 và text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all
2 được tính theo .example {
text-align: start;
border: solid;
}
8 của cha mẹ và được thay thế bằng giá trị text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all
3 hoặc text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all
4 thích hợptext-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all
9 Thử nghiệmKhi được áp dụng cho một ô của bảng, hãy chỉ định ký tự căn chỉnh mà nội dung của ô sẽ căn chỉnh xung quanh Khoảng cách không nhất quán giữa các từ được tạo bởi văn bản được căn đều có thể là vấn đề đối với những người có mối quan tâm về nhận thức như Chứng khó đọc - Hiểu Tiêu chí Thành công 1. 4. số 8. Hiểu về WCAG 2. 0
Giá trị ban đầu text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all
1 hoặc giá trị không tên đóng vai trò là text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all
3 nếu .example {
text-align: start;
border: solid;
}
8 là <p class="example">
Integer elementum massa at nulla placerat varius. Suspendisse in libero risus,
in interdum massa. Vestibulum ac leo vitae metus faucibus gravida ac in neque.
Nullam est eros, suscipit sed dictum quis, accumsan a ligula.
</p>
5, text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all
4 nếu .example {
text-align: start;
border: solid;
}
8 là <p class="example">
Integer elementum massa at nulla placerat varius. Suspendisse in libero risus,
in interdum massa. Vestibulum ac leo vitae metus faucibus gravida ac in neque.
Nullam est eros, suscipit sed dictum quis, accumsan a ligula.
</p>
8 nếu trình duyệt không hỗ trợ text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all
1. Áp dụng cho các thùng chứaKế thừaCác giá trị được tính toánnhư đã chỉ định, ngoại trừ giá trị text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all
8 được tính toán dựa trên giá trị .example {
text-align: start;
border: solid;
}
8 của cha mẹ nó và dẫn đến giá trị được tính toán là text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all
3 hoặc text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all
4Loại hoạt ảnh rời rạc | 
