แยกแยะทั้งสองแบบด้วยคำแนะนำนี้
หากคุณไม่ทราบว่าความแตกต่างระหว่างการขยายและอัตรากำไรคือคุณไม่ได้อยู่คนเดียว เป็นคำถามที่ถามบ่อยและทำให้ นักออกแบบเว็บ หลาย ๆ คนตกตะลึง ด้วยบทแนะนำอย่างรวดเร็วนี้ให้เรียนรู้ที่จะแยกความแตกต่างระหว่างสองอย่างนี้
การทำความเข้าใจข้อแตกต่าง
ขอบและช่องว่าง อาจสร้างความสับสนให้กับนักออกแบบเว็บมือใหม่และบางครั้งแม้แต่นักออกแบบที่มีประสบการณ์มากกว่า หลังจากที่ทุกคนในบางวิธีพวกเขาดูเหมือนสิ่งเดียวกัน: พื้นที่สีขาวรอบภาพหรือวัตถุ
การเว้นวรรคเป็นเพียงส่วนที่อยู่ภายในเส้นขอบระหว่างเส้นขอบกับภาพหรือเนื้อหาของเซลล์ ในภาพ padding เป็นพื้นที่สีเหลืองรอบ ๆ เนื้อหา โปรดทราบว่า padding ไปอย่างสมบูรณ์รอบเนื้อหา คุณจะพบช่องว่างด้านบนด้านล่างขวาและด้านซ้าย
ในทางกลับกันขอบคือช่องว่างนอกพรมแดนระหว่างเส้นขอบกับองค์ประกอบอื่น ๆ ที่อยู่ติดกับวัตถุนี้ ในภาพขอบเป็นพื้นที่เล็ก ๆ ที่อยู่นอกวัตถุทั้งหมด โปรดทราบว่าเช่นการขยายช่องว่างขอบจะไปรอบ ๆ เนื้อหาทั้งหมด มีขอบด้านบนด้านล่างขวาและด้านซ้าย
เคล็ดลับที่เป็นประโยชน์
โปรดทราบว่าหากคุณวางแผนที่จะทำสิ่งแฟนซีจริงๆที่มีอัตรากำไรและการเบียดว่าเบราว์เซอร์บางประเภทเช่น Internet Explorer อย่าใช้รูปแบบกล่องอย่างถูกต้อง ซึ่งหมายความว่าหน้าเว็บของคุณจะมีลักษณะแตกต่างออกไป (และแตกต่างกันไปในบางครั้ง) ในเบราว์เซอร์อื่น ๆ