CSS grid-column-start ความสามารถ

การกำหนดและการใช้งาน

คุณสมบัติ grid-column-start กำหนดจากบรรทัดใดที่รายการจะเริ่มต้น

โปรดดูเพิ่มเติม:

ตำรา CSS:CSS Grid Layout

คู่มืออ้างอิง CSS:คุณสมบัติ grid-column

คู่มืออ้างอิง CSS:คุณสมบัติ grid-column-end

คู่มืออ้างอิง CSS:คุณสมบัติ grid-row-start

คู่มืออ้างอิง CSS:คุณสมบัติ grid-row-end

ตัวอย่าง

ทำให้ "item1" เริ่มต้นจากคอลัมน์ 2:

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

ลองทดลองเอง

ระบบการเขียน CSS

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

ค่าทางตัวเลข

ค่า รายละเอียด
auto ค่าเริ่มต้น. รายการจะตามไปด้วยกระแส
span n กำหนดจำนวนบรรทัดที่รายการจะข้าม
column-line กำหนดจากบรรทัดใดที่จะแสดงรายการ

รายละเอียดเทคนิค

ค่าเริ่มต้น: auto
เป็นเจ้าของ: ไม่
การสร้างภาพแอนิเมชัน: สนับสนุน: โปรดดู:คุณสมบัติที่เกี่ยวข้องกับอนุกรมวิธี.
รุ่น: CSS Grid Layout Module Level 1
ระบบการเขียนเอกสารเจาะจง: object.style.gridColumnStart="3"

การสนับสนุนโปรแกรมนำ

ตารางหลักความเป็นส่วนผสมระบุรุ่นการใช้งานที่เข้าข้อมูลในรุ่นที่สนับสนุนคุณสมบัตินี้แทบทุกตัวอย่าง

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