[CSS] Box-sizing

Dongmin Leeยท2022๋…„ 12์›” 7์ผ
0

HTML&CSS

๋ชฉ๋ก ๋ณด๊ธฐ
6/20

๐Ÿ’ฟ box-sizing

๊ฐ๊ฐ์˜ ์š”์†Œ๋“ค์˜ width ํ”„๋กœํผํ‹ฐ๊ฐ€ 300px๋”๋ผ๋„, border ๋ฐ padding width์— ๋”ฐ๋ผ ์ฐจ์ง€ํ•˜๋Š” ์˜์—ญ์ด ๋‹ค๋ฅผ ์ˆ˜๊ฐ€ ์žˆ์Œ.
๊ทธ๋ž˜์„œ box-sizing ํ”„๋กœํผํ‹ฐ๋ฅผ ํ†ตํ•ด width ์˜์—ญ์„ ํ™•์‹คํ•˜๊ฒŒ ์ •ํ•˜๊ณ  ๊ฐ€์ž!

*{
	box-sizing: border-box;
}
*๊ตฌ๋ถ„์ž๋กœ '*'์„ ์ฃผ๊ฒŒ ๋˜๋ฉด ๋ชจ๋“  ํƒœ๊ทธ์— ์ ์šฉ๋œ๋‹ค.
profile
์–ด์ œ๋ณด๋‹ค ์„ฑ์žฅํ•˜๊ธฐ

0๊ฐœ์˜ ๋Œ“๊ธ€

๊ด€๋ จ ์ฑ„์šฉ ์ •๋ณด