Thuộc tính text-align-last của CSS

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

Thuộc tính text-align-last quy định cách căn chỉnh dòng cuối cùng của văn bản.

Lưu ý rằng thuộc tính text-align-last được thiết lập cho tất cả các dòng cuối cùng trong yếu tố được chọn. Do đó, nếu một <div> có ba đoạn văn, text-align-last sẽ áp dụng cho dòng cuối cùng của mỗi đoạn. Để sử dụng text-align-last cho đoạn cuối cùng trong khối, bạn có thể sử dụng :last child, hãy xem ví dụ dưới đây.

Ghi chú:Trong Edge/Internet Explorer, thuộc tính text-align-last chỉ áp dụng cho văn bản có "text-align: justify".

Xin xem thêm:

Giáo trình CSS:Văn bản CSS

HTML DOM Tài liệu tham khảo:textAlignLast Thuộc tính

Mô hình

Căn chỉnh dòng cuối cùng của ba yếu tố <div>:

div.a {
  text-align: justify;  /* Đối với Edge */
  text-align-last: right;
}
div.b {
  text-align: justify; /* Đối với Edge */ 
  text-align-last: center;
}
div.c {
  text-align: justify; /* Đối với Edge */ 
  text-align-last: justify;
}

Thử trực tiếp

Bạn có thể tìm thêm các ví dụ TIY ở dưới cùng của trang.

Ngữ pháp CSS

text-align-last: auto|left|right|center|justify|start|end|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
auto

Giá trị mặc định. Quy tắc canh của mỗi dòng được xác định bởi giá trị của text-align.

Nếu giá trị của text-align là justify,则 text-align-last 的表现和设置了 start 的表现是一样的。
left Dòng cuối cùng canh trái.
right Dòng cuối cùng canh phải.
center Dòng cuối cùng canh giữa.
justify Dòng cuối cùng của văn bản canh đầu với bên trái của khung nội dung, canh cuối với bên phải.
start

Dòng cuối cùng canh ở đầu dòng.

Nếu text-direction là từ trái sang phải, thì canh trái, nếu text-direction là từ phải sang trái, thì canh phải.
end

Dòng cuối cùng canh ở cuối dòng.

Nếu text-direction là từ trái sang phải, thì canh phải, nếu text-direction là từ phải sang trái, thì canh trái.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Kế thừa thuộc tính này từ phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: auto
Kế thừa: Có
Tạo animation: Không hỗ trợ. Xem thêm:Các thuộc tính liên quan đến animation.
Phiên bản: CSS3
Ngữ pháp JavaScript: object.style.textAlignLast="right"

Các ví dụ khác

Sử dụng text-align-last: trong dòng cuối cùng của khối chứa

div.b p:last-child {
  text-align-last: center;
}

Thử trực tiếp

Hỗ trợ trình duyệt

Số liệu trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính này.

Số liệu với tiền tố -moz- biểu thị phiên bản đầu tiên sử dụng tiền tố.

Chrome IE / Edge Firefox Safari Opera
47.0 5.5* 49.0
12.0 -moz-		 Không hỗ trợ 34.0

* Trong Edge/Internet Explorer, không hỗ trợ giá trị "start" và "end".