border

๐Ÿ“š ์ง€์‹ ์ฑ„์šฐ๊ธฐ/์›น (ํ”„๋ก ํŠธ์—”๋“œ, ๋ฐฑ์—”๋“œ)

[HTML&CSS] Block , Inline , Margin, Border, Padding, Flex

[HTML&CSS] Block , Inline , Margin, Border, Padding, Flex ( UPDATE 2023 - 05 - 25 ) ๋ธ”๋ก๊ณผ ์ธ๋ผ์ธ ๋ธ”๋ก์€ ํ•œ ์ค„์„ ์˜จ์ „ํžˆ ์ฐจ์ง€ํ•œ๋‹ค. (์˜†์— ๋ชป์˜ด) ์ธ๋ผ์ธ์€ ํ•œ ์ค„ ์•ˆ์— ๊ฐ™์ด ์žˆ๋‹ค. ๋ธ”๋ก์— display: inline ์„ ํ•˜๋ฉด ๋ฐ•์Šค ์†์„ฑ์„ ์œ ์ง€ํ•˜๋ฉด์„œ ์˜†์— ๋‹ค๋ฅธ ๋ธ”๋ก์ด ์˜ฌ ์ˆ˜ ์žˆ๋‹ค. ์ธ๋ผ์ธ์— display: block์„ ํ•˜๋ฉด ๋ธ”๋ก์ฒ˜๋Ÿผ ํ•œ ์ค„์„ ์˜จ์ „ํžˆ ์ฐจ์ง€ํ•œ๋‹ค. ์ธ๋ผ์ธ์€ ๋†’์ด(height)์™€ ๋„ˆ๋น„(width)๊ฐ€ ์—†๋‹ค. ๋ธŒ๋ผ์šฐ์ €๋Š” ์š”์†Œ๋“ค์—๊ฒŒ ์ž์ฒด์ ์œผ๋กœ style์„ ์ฃผ๊ธฐ๋„ํ•œ๋‹ค. (์˜ˆ๋ฅผ ๋“ค๋ฉด, ์›์น˜์•Š๋Š” ๊ณต๊ฐ„=margin) ๋ธ”๋ก์€ ๋ฐ•์Šค์ด๋‹ค. margin , border , padding ๋ฐ•์Šค๋Š” ์„ธ ๊ฐ€์ง€ ํŠน์ง•์ด ์žˆ๋‹ค. : margin,border,pad..

์–‘์ฝฉ(Yangkong)
'border' ํƒœ๊ทธ์˜ ๊ธ€ ๋ชฉ๋ก