Căn chỉnh văn bản CSS
Căn chỉnh văn bản
Thuộc text-aligntính được sử dụng để đặt căn lề ngang của văn bản.
Văn bản có thể được căn trái hoặc phải, căn giữa hoặc căn đều.
Ví dụ sau cho thấy căn giữa và văn bản căn trái và phải (căn trái là mặc định nếu hướng văn bản từ trái sang phải và căn phải là mặc định nếu hướng văn bản từ phải sang trái):
Thí dụ
h1 {
text-align: center;
}
h2 {
text-align: left;
}
h3 {
text-align: right;
}
Khi thuộc text-aligntính được đặt thành "justify", mỗi dòng sẽ được kéo dài để mọi dòng có chiều rộng bằng nhau và các lề trái và phải đều thẳng (giống như trong tạp chí và báo):
Thí dụ
div {
text-align: justify;
}
Căn chỉnh văn bản cuối cùng
Thuộc text-align-lasttính chỉ định cách căn chỉnh dòng cuối cùng của văn bản.
Thí dụ
Căn chỉnh dòng cuối cùng của văn bản trong ba phần tử <p>:
p.a
{
text-align-last: right;
}
p.b
{
text-align-last: center;
}
p.c
{
text-align-last: justify;
}
Văn bản chỉ đạo
Các thuộc tính directionvà
unicode-bidicó thể được sử dụng để thay đổi hướng văn bản của một phần tử:
Thí dụ
p {
direction: rtl;
unicode-bidi: bidi-override;
}
Căn chỉnh theo chiều dọc
Thuộc vertical-aligntính thiết lập căn chỉnh theo chiều dọc của một phần tử.
Thí dụ
Đặt căn chỉnh dọc của hình ảnh trong văn bản:
img.a {
vertical-align: baseline;
}
img.b {
vertical-align: text-top;
}
img.c {
vertical-align:
text-bottom;
}
img.d {
vertical-align: sub;
}
img.e {
vertical-align: super;
}