Search

๋ฐ•์Šค ๋ชจ๋ธ Box Model

๋ฐ•์Šค ๋ชจ๋ธ

๋ฐ•์Šค๋ชจ๋ธ

๋ฐ•์Šค ๋ชจ๋ธ

Margin

์š”์†Œ์™€ ์š”์†Œ ์‚ฌ์ด์˜ ๊ฐ„๊ฒฉ์„ ์กฐ์ •ํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค.
Margin

Padding

์ปจํ…์ธ ์™€ ํ…Œ๋‘๋ฆฌ ์‚ฌ์ด์˜ ๊ฐ„๊ฒฉ์„ ์ œ์–ดํ•˜๋Š” ์—ญํ• ์„ ํ•ฉ๋‹ˆ๋‹ค.

์ถ•์•ฝํ˜• 4๊ฐ€์ง€ ๊ฐ’ ์ง€์ • ๋ฐฉ๋ฒ•

โ€ข
padding์€ ์ถ•์•ฝํ˜•์œผ๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ๋‹ค์Œ ๋„ค ๊ฐ€์ง€ ๋ฐฉ์‹์œผ๋กœ ๊ฐ’์„ ์ง€์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค:
Padding