Thuộc tính textAlignLast xác định cách căn chỉnh dòng cuối cùng của một khối văn bản (hoặc dòng ngay trước ngắt dòng ép) khi text-align: justify được áp dụng. Giá trị phổ biến: auto, left, right, center, justify, start, end.
Ví dụ minh họa
Mã sau căn dòng cuối cùng sang phải cho đoạn văn bản justify khi nhấn nút:
<!DOCTYPE html>
<html>
<head>
<style>
#myText {
text-align: justify;
width: 400px;
border: 1px solid #ccc;
padding: 10px;
font-family: sans-serif;
}
</style>
</head>
<body>
<div id="myText">
Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo.
Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo.
Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo.
Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo.
Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo.
</div>
<button onclick="setAlignLast()">Căn dòng cuối sang phải</button>
<script>
function setAlignLast() {
document.getElementById("myText").style.textAlignLast = "right";
}
</script>
</body>
</html>
Giá trị và ý nghĩa
| Giá trị | Mô tả |
|---|---|
auto | Mặc định: dòng cuối căn như text-align (trừ justify thì căn start) |
left | Căn trái |
right | Căn phải |
center | Căn giữa |
justify | Căn đều (kéo dãn dòng cuối) |
start | Căn đầu dòng (trái ở LTR, phải ở RTL) |
end | Căn cuối dòng (phải ở LTR, trái ở RTL) |
Lưu ý: textAlignLast chỉ có tác dụng khi text-align: justify (hoặc khi dòng cuối là dòng duy nhất). Nếu text-align là left/right/center, dòng cuối sẽ theo giá trị đó bất kể textAlignLast.