CSS grid-columns ภาษา
การสนับสนุนของบราวเซอร์
ในขณะนี้ยังไม่มีบราวเซอร์ใดที่สนับสนุน grid-columns
การประกาศและการใช้งาน
grid-columns คือความกว้างของแต่ละคอลัมน์ในเกาะหน้า
คำเตือน：ระบบเกาะหน้าที่มีความมีค่ามากสำหรับนักออกแบบเอกสารพิมพ์ ตอนนี้การเปลี่ยนแปลงเดียวกันนี้ถูกนำมาใช้กับเนื้อหาออนไลน์ด้วย คุณสมบัติเกาะหน้าเปิดโอกาสให้ปรับขนาดและตำแหน่งของข้อความ ภาพรวม และตัวอักษรในเกาะหน้าที่สามารถยืดตัวได้
ตัวอย่าง
เพิ่มบล็อคเน็ตที่กลางขององค์ประกอบ div อีกแถวหนึ่ง ที่ตั้งอยู่ห่างจากด้านขวา 200 พิกเซล และเพิ่มอีกแถวหนึ่งในกลางส่วนที่เหลือ:
div
{
grid-columns:50% * * 200px;
}
CSS ภาษา
grid-columns: length|%|none|inherit;
ค่าคุณสมบัติ
| ค่า | การอธิบาย |
|---|---|
| length | อ้างอิงแนวเน็ตของบล็อคที่มีอยู่ |
| % | อ้างอิงความกว้างของบล็อคที่มีอยู่ |
| none | |
| นิยม |
รายละเอียดเทคนิค
| ค่าเริ่มต้น： | none |
|---|---|
| เชื่อมโยง： | no |
| เวอร์ชั่น： | CSS3 |
| JavaScript ภาษา | object.style.gridColumns="50% * * 200px" |
