Thuộc tính verticalAlign của Style

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

verticalAlign Thiết lập hoặc trả về cách đối齐 dọc nội dung của phần tử.

Xem thêm:

Hướng dẫn CSS:Văn bản CSS

Tài liệu tham khảo CSS:Thuộc tính vertical-align

Mô hình

Ví dụ 1

Đặt cách đối齐 dọc của một số văn bản trong bảng thành "bottom":

document.getElementById("myTd").style.verticalAlign = "bottom";

Thử ngay

Ví dụ 2

Trả về cách đối齐 dọc của phần tử <td>:

alert(document.getElementById("myTd").style.verticalAlign);

Thử ngay

Cú pháp

Trả về thuộc tính verticalAlign:

object.style.verticalAlign

Đặt thuộc tính verticalAlign:

object.style.verticalAlign = value

Giá trị thuộc tính

Giá trị Mô tả
length Tăng hoặc giảm phần tử bằng độ dài xác định. Cho phép giá trị âm.
% Tăng hoặc giảm phần tử bằng phần trăm của thuộc tính "line-height". Cho phép giá trị âm.
baseline Đối齐 cơ sở của phần tử với cơ sở của phần tử cha. Mặc định.
sub Đối齐 phần tử như một phần tử dưới cùng.
super Đối齐 phần tử như một phần tử trên cùng.
top Đầu của phần tử đối齐 với đầu của phần tử cao nhất trong dòng.
text-top Đầu của phần tử đối齐 với đầu của font của phần tử cha.
middle Phần tử được đặt ở giữa của phần tử cha.
bottom Dưới cùng của phần tử đối齐 với phần tử thấp nhất trong dòng.
text-bottom Dưới cùng của phần tử đối齐 với dưới cùng của font của phần tử cha.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Thừa kế 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: baseline
Giá trị trả về: Chuỗi, biểu thị cách đối齐 dọc nội dung của phần tử.
Phiên bản CSS: CSS1

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ