CSS3: text-align
Thuộc tính text-align dùng để canh lề cho phần nội dung văn bản nằm bên trong một thẻ html nào đó.
Cú phápEDIT
/* Cú pháp chuẩn */
text-align: left;
text-align: right;
text-align: center;
text-align: justify;
text-align: justify-all;
text-align: start;
text-align: end;
text-align: match-parent;
/* Cú pháp không chuẩn */
text-align: -moz-center;
text-align: -webkit-center;
/* Các giá trị tổng quan */
text-align: inherit;
text-align: initial;
text-align: unset;
Ý nghĩa các giá trị
start
Sẽ có ý nghĩa giống giá trị left nếu hướng văn bản là từ trái sang phải và giống với giá trị right nếu hướng văn bản là từ phải sang trái.
end
Sẽ có ý nghĩa giống giá trị right nếu hướng văn bản là từ trái sang phải và giống với giá trị left nếu hướng văn bản là từ phải sang trái.
left
Nội dung văn bản được canh thẳng hàng bên trái.
right
Nội dung văn bản được canh thẳng hàng bên phải.
center
Nội dung văn bản được đặt chính giữa.
justify
Nội dung văn bản được canh thẳng hàng hai bên.
justify-all
Tương tự như justify nhưng nó có tác dụng thêm với dòng cuối cùng.
match-parent
Tương tự như inherit, nhưng những giá trị start và end được tính theo hướng của thẻ html cha và được thay thế bằng giá trị left hoặc right sau khi tính toán.
Ví dụEDIT
p { background: gold; width: 22em; }
Nội dung văn bảnp { background: gold; width: 22em; margin: 1em auto; }
Nội dung văn bảnp { background: gold; width: 22em; }
Nội dung văn bảnLưu ý
Ta có thể sử dụng margin để canh cho một khối, ví dụ margin:auto hoặc margin:0 auto để canh giữa, margin-left:auto để canh trái, margin-right:auto để canh phải.