Thuộc tính text-align trong CSS
Thuộc tính text-align trong CSS xác định cách căn chỉnh Line Box (tức là Box mà chứa dòng văn bản hiển thị) bên trong một phần tử Block-Level.
Thuộc tính text-align có thể nhận giá trị:
left: cạnh trái của mỗi Line Box được căn chỉnh với cạnh trái của khu vực chứa nội dung của phần tử Block Level.
right: cạnh phải của mỗi Line Box được căn chỉnh với cạnh phải của khu vực chứa nội dung của phần tử Block Level.
center: phần giữa của mỗi Line Box được căn chỉnh với phần trung tâm của khu vực chứa nội dung của phần tử Block Level.
justify: các cạnh của mỗi Line Box được căn chỉnh với các cạnh của khu vực chứa nội dung của phần tử Block Level.
string: nội dung của các ô trong một cột sẽ căn chỉnh trên chuỗi đã cho này.
Thuộc tính text-align có thể áp dụng cho:
Tất cả phần tử Block Level trong tài liệu (trong đó, giá trị string chỉ áp dụng cho các ô trong bảng).
Cú pháp thuộc tính text-align trong DOM
object.style.textAlign = "justify";
Ví dụ thuộc tính text-align trong CSS
Tiếp theo là ví dụ minh họa cách sử dụng của thuộc tính text-align trong CSS:
<html>
<head>
</head>
<body>
<p style="text-align:right;">
Can chinh ben phai (gia tri right).
</p>
<p style="text-align:center;">
Can chinh o giua (gia tri center).
</p>
<p style="text-align:left;">
Can chinh ben trai (gia tri left).
</p>
</body>
</html>
Kết quả là:
Công cụ giáo viên (2048.VN)
Tạo- trộn đề thi miễn phí từ file PDF, Word, Giao bài nhanh chóng, Hoàn toàn Free
Bài học CSS phổ biến khác tại vietjack.com:
Dành cho bạn
Công cụ giáo viên
- Tạo đề online từ PDF / Word
- Trộn nhiều mã đề, in Offline
- Giao bài online, Quản lí lớp học
