CSS การรวมขอบเขตด้านนอก
- หน้าก่อน CSS ขอบเขตด้านนอก
- หน้าต่อไป CSS ขอบเขตด้านใน
การผสานความห่างเริ่มต้นหมายถึงเมื่อความห่างเริ่มต้นตั้งแต่ด้านบนและด้านล่างเผชิญกัน มันจะก่อตัวเป็นความห่างเริ่มต้น.
ความสูงของความห่างเริ่มต้นที่ผสานเท่ากับความสูงของความห่างเริ่มต้นที่เผชิญกันที่ใหญ่ที่สุด.
การผสานความห่างเริ่มต้น
การผสานความห่างเริ่มต้น (การบวนรวม) คือความหมายที่เรียบง่าย. แต่ในการจัดละแวกเว็บไซต์ในทางปฏิบัติ มันสร้างความสับสนมากมาย.
สรุปได้ว่า การผสานความห่างเริ่มต้นหมายถึงเมื่อความห่างเริ่มต้นตั้งแต่ด้านบนและด้านล่างเผชิญกัน มันจะก่อตัวเป็นความห่างเริ่มต้น. ความสูงของความห่างเริ่มต้นที่ผสานเท่ากับความสูงของความห่างเริ่มต้นที่เผชิญกันที่ใหญ่ที่สุด.
เมื่ออีเลเมนต์หนึ่งปรากฏขึ้นด้านบนของอีเลเมนต์อื่น ความห่างเริ่มต้นด้านล่างของอีเลเมนต์แรกและความห่างเริ่มต้นด้านบนของอีเลเมนต์ที่สองจะมีการผสาน. ดูภาพด้านล่าง:
เมื่ออีเลเมนต์หนึ่งถูกบรรจุด้วยอีเลเมนต์อื่น (ตั้งแต่ไม่มีเส้นขอบหรือเติมที่แบ่งความห่างเริ่มต้นออก) ความห่างเริ่มต้นด้านบนและ/หรือด้านล่างของมันจะมีการผสาน. ดูภาพด้านล่าง:
แม้จะดูบางประการ แต่ความห่างเริ่มต้นยังสามารถผสานกับตัวเองได้.
บอกเดียวกับว่ามีอีเลเมนต์ว่างที่มีความห่างเริ่มต้น แต่ไม่มีเส้นขอบหรือเติม. ในกรณีนี้ ความห่างเริ่มต้นด้านบนและด้านล่างจะเผชิญกัน และจะมีการผสาน:
หากความห่างเริ่มต้นนี้เผชิญกับความห่างเริ่มต้นของอีเลเมนต์อื่น มันยังจะมีการผสาน:
นี่คือเหตุผลที่ทำให้ตัวอย่างของอีเลเมนต์ตัวรวมใช้เพียงเล็กน้อย เพราะทุกความห่างเริ่มต้นของมันจะผสานกันเป็นความห่างเริ่มต้นเล็กน้อย.
การผสานความห่างเริ่มต้นน่าจะดูบางประการ แต่ในความเป็นจริงมันมีความหมาย. กับตัวอย่างของหน้าเอกสารทั่วไปที่ประกอบด้วยบทความหลายช่วง. ช่องว่างด้านบนของบทความแรกเท่ากับความห่างเริ่มต้นด้านบนของบทความ. หากไม่มีการผสานความห่างเริ่มต้น ความห่างเริ่มต้นระหว่างบทความต่อมาจะเท่ากับเครื่องหมายเริ่มต้นด้านบนและความห่างเริ่มต้นด้านล่างของเครื่องหมายเริ่มต้น. นี่หมายความว่าช่องว่างระหว่างบทความจะเป็นสองเท่าของช่องว่างด้านบนของหน้า. หากมีการผสานความห่างเริ่มต้น ความห่างเริ่มต้นด้านบนและด้านล่างของบทความจะผสานกัน และมีความห่างเท่ากันทั่วไป.
หมายเหตุ:เพียงแค่ความห่างเริ่มต้นของบล็อคที่อยู่ในกระแสเอกสารทั่วไปที่จะมีการผสานความห่างเริ่มต้น. ความห่างเริ่มต้นของอีเลเมนต์แนวรายหรืออีเลเมนต์แนวน้ำเสียหรืออีเลเมนต์ที่ตั้งตำแหน่งอิสระจะไม่มีการผสานความห่างเริ่มต้น.
ทั้งหมด CSS ความห่างเริ่มต้น
| คุณสมบัติ | รายละเอียด |
|---|---|
| margin | ใช้คุณสมบัติสั้นแบบเพื่อตั้งค่าคุณสมบัติช่องเลื่อนเดิมในคำประกาศเดียว |
| margin-bottom | ตั้งค่าช่องเลื่อนของฝั่งล่างด้านนอกขององค์ประกอบ |
| margin-left | ตั้งค่าช่องเลื่อนของฝั่งซ้ายด้านนอกขององค์ประกอบ |
| margin-right | ตั้งค่าช่องเลื่อนของฝั่งขวาด้านนอกขององค์ประกอบ |
| margin-top | ตั้งค่าช่องเลื่อนของฝั่งบนด้านนอกขององค์ประกอบ |
- หน้าก่อน CSS ขอบเขตด้านนอก
- หน้าต่อไป CSS ขอบเขตด้านใน
