Thuộc tính CSS grid-column-start

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

Thuộc tính grid-column-start định nghĩa đối tượng sẽ bắt đầu từ đường dẫn cột nào.

Xem thêm:

Hướng dẫn CSS:CSS Lưới

Hướng dẫn CSS:Thuộc tính grid-column

Hướng dẫn CSS:Thuộc tính grid-column-end

Hướng dẫn CSS:Thuộc tính grid-row-start

Hướng dẫn CSS:Thuộc tính grid-row-end

Mẫu

Bắt đầu "item1" từ cột 2:

.item1 {
  grid-column-start: 2;
}

Thử ngay

Cú pháp CSS

grid-column-start: auto|span n|column-line;

Giá trị thuộc tính

Giá trị Mô tả
auto Giá trị mặc định. Đối tượng sẽ di chuyển theo dòng.
span n Định nghĩa số cột mà đối tượng sẽ trải qua.
column-line Định nghĩa từ cột nào bắt đầu hiển thị đối tượng.

Chi tiết kỹ thuật

Giá trị mặc định: auto
Kế thừa: Không
Chế tạo animation: Hỗ trợ. Đọc thêm tại:Thuộc tính liên quan đến animation.
Phiên bản: CSS Grid Layout Module Level 1
Cú pháp JavaScript: object.style.gridColumnStart="3"

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính này.

Chrome IE / Edge Firefox Safari Opera
57 16 52 10 44