Thuộc tính style textAlign trong HTML DOM

Thuộc tính style.textAlign trong HTML DOM trả về và cho phép thay đổi căn chỉnh ngang (horizontal alignment) của văn bản trong một phần tử cấp khối (block-level element) trong tài liệu HTML.

Cú pháp

Lấy giá trị textAlign

object.style.textAlign

Thay đổi textAlign

object.style.textAlign = "value"

Ví dụ

Ví dụ sử dụng thuộc tính style.textAlign:

<!DOCTYPE html>
<html>
<head>
<style>
  body { color: #000; background: lightblue; height: 100vh; }
  p { border: 2px solid #fff; margin: 1.5rem auto; }
  .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: 40%; display: block; color: #fff; outline: none; cursor: pointer; }
</style>
</head>
<body>
<h1>Ví dụ thuộc tính style textAlign DOM</h1>
<p>Đây là đoạn văn 1 với một số văn bản giả. Đây là đoạn văn 1 với một số văn bản giả. Đây là đoạn văn 1 với một số văn bản giả.</p>
<button onclick="add()" class="btn">Thiết lập textAlign</button>
<script>
  function add() {
    document.querySelector('p').style.textAlign = "center";
  }
</script>
</body>
</html>

Kết quả

Nhấn nút Thiết lập textAlign để căn chỉnh văn bản bên trong phần tử đoạn văn.