Thuộc tính CSS grid-columns
Hỗ trợ trình duyệt
Hiện tại không có trình duyệt hỗ trợ grid-columns.
Định nghĩa và cách sử dụng
Thuộc tính grid-columns là độ rộng của mỗi cột trong lưới.
Lưu ý:Hệ thống lưới mang lại giá trị lớn cho nhà thiết kế in. Hiện tại, cùng những thay đổi này đã được áp dụng cho nội dung trực tuyến. Các thuộc tính lưới cung cấp khả năng điều chỉnh kích thước và vị trí của tiêu đề, văn bản và hình ảnh trong lưới co giãn.
Mẫu
Thêm một hàng lưới ở giữa phần tử div, thêm một ở vị trí 200 pixel từ bên phải, và thêm một ở giữa không gian còn lại:
div
{
grid-columns:50% * * 200px;
}
Ngữ pháp CSS
grid-columns: độ dài|%|none|di truyền;
Giá trị thuộc tính
| Giá trị | Mô tả |
|---|---|
| độ dài | Tham khảo lưới của khối bao gồm. |
| % | Tham khảo độ rộng của khối bao gồm. |
| none | |
| di truyền |
Chi tiết kỹ thuật
| Giá trị mặc định: | none |
|---|---|
| Tính kế thừa: | no |
| Phiên bản: | CSS3 |
| Cú pháp JavaScript: | object.style.gridColumns="50% * * 200px" |
