Thuộc tính grid-area đặt giá trị trong CSS
Thuộc tính grid-area đặt giá trị trong CSS
Thuộc tính grid-area đặt giá trị trong CSS
Chạy Thử
Thuộc tính grid-area đặt giá trị trong CSS
grid-area: grid-row-start / grid-column-start / grid-row-end / grid-column-end
grid-area: 2 / 1 / span 2 / span 3; Phần tử con thứ 1 bắt đầu từ hàng 2 và trải dọc xuống chiếm 2 hàng, nó cũng bắt đầu từ cột số 1 và kéo sang phải chiếm 3 cột, các phần tử khác chạy bình thường và không chiếm chổ của phần tử con thứ 1
1
2
3
4
5
6
7
grid-area: 2 / 1 / span 2 / span 2; Phần tử con thứ 2 bắt đầu từ hàng 2 và trải dọc xuống chiếm 2 hàng, nó cũng bắt đầu từ cột số 1 và kéo sang phải chiếm 2 cột, các phần tử khác chạy bình thường và không chiếm chổ của phần tử con thứ 2
1
2
3
4
5
6
7
8
grid-area: 2 / 1 / 4 / span 2; Phần tử con thứ 2 bắt đầu từ hàng 2 và trải dọc xuống trước hàng 4, nó cũng bắt đầu từ cột số 1 và kéo sang phải chiếm 2 cột, các phần tử khác chạy bình thường và không chiếm chổ của phần tử con thứ 2
1
2
3
4
5
6
7
8
grid-area: 2 / 1 / 4 / 4; Phần tử con thứ 2 bắt đầu từ hàng 2 và trải dọc xuống trước hàng 4, nó cũng bắt đầu từ cột số 1 và kết thúc trước cột 4, các phần tử khác chạy bình thường và không chiếm chổ của phần tử con thứ 2
1
2
3
4
5
6
7
8
Thuộc tính grid-area đặt giá trị trong CSS nằm trong bài viết Thuộc tính grid-area trong CSS
