Thuộc tính DOM style textAlign trả về và sửa đổi căn chỉnh theo chiều ngang của văn bản trong phần tử cấp khối trong tài liệu HTML.
Cú pháp
Sau đây là cú pháp -
-
Trả lại textAlign
object.style.textAlign
-
2. Sửa đổi textAlign
object.style.textAlign = “value”
Ví dụ
Hãy để chúng tôi xem một ví dụ về 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>DOM Style textAlign Property Example</h1>
<p>This is paragraph 1 with some dummy text. This is paragraph 1 with some dummy text. This is paragraph 1 with some dummy text.</p>
<button onclick="add()" class="btn">Set textAlign</button>
<script>
function add() {
document.querySelector('p').style.textAlign = "center";
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Nhấp vào “ Đặt textAlign ”Để căn chỉnh văn bản bên trong phần tử đoạn văn.
