Thuộc tính Style alignSelf

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

alignSelf Thuộc tính này quy định cách đối齐 của phần tử được chọn trong hộp chứa 弹性.

Ghi chú:Thuộc tính alignSelf sẽ át thuộc tính align-items của hộp chứa 弹性. Thuộc tính alignItems.

Mô hình

Đặt cách đối齐 cho một trong số các phần tử của phần tử co giãn để phù hợp với hộp chứa:

document.getElementById("myBlueDiv").style.alignSelf = "stretch";

Thử nghiệm trực tiếp

Cú pháp

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

object.style.alignSelf

Đặt thuộc tính alignSelf:

object.style.alignSelf = "auto|stretch|center|flex-start|flex-end|baseline|initial|inherit"

Giá trị thuộc tính

Giá trị Mô tả
auto Mặc định. Phần tử thừa kế thuộc tính align-items của hộp chứa 弹性, nếu không có hộp chứa,则为 "stretch".
stretch Phần tử được kéo giãn để phù hợp với hộp chứa.
center Phần tử nằm ở giữa hộp chứa.
flex-start Phần tử nằm ở đầu hộp chứa.
flex-end Phần tử nằm ở cuối hộp chứa.
baseline Phần tử nằm ở đường cơ bản của hộp chứa.
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: auto
Giá trị trả về: Chuỗi biểu thị align-self 属性.
Phiên bản CSS: CSS3

Hỗ trợ trình duyệt

alignItems Là đặc tính CSS3 (1999).

Tất cả các trình duyệt đều hỗ trợ hoàn toàn nó:

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

Trang liên quan

CSS Tham khảoalign-self 属性

Hướng dẫn HTML DOM STYLE:Thuộc tính alignContent

Hướng dẫn HTML DOM STYLE:Thuộc tính alignItems