๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๋ฆฌ์ŠคํŠธ ์Šคํƒ€์ผ

(1)
[ CSS ] list-style-type์•Œ์•„๋ณด๊ธฐ. list-style์€ css์†์„ฑ ์ค‘ ํ•˜๋‚˜๋กœ, HTML์˜ ๋ชฉ๋ก ์š”์†Œ(``, ``, ``)๋“ฑ์˜ ๋ฆฌ์ŠคํŠธ์—์„œ ๋ฆฌ์ŠคํŠธ ํ•ญ๋ชฉ๋“ค์˜ ๋งˆ์ปค(marker) ๋ชจ์–‘์„ ์ง€์ •ํ•˜๋Š” CSS ์†์„ฑ์œผ๋กœ, ํ…์ŠคํŠธ ์•ž์— ์‚ฌ์šฉ๋˜๋Š” ์ˆซ์ž, ๋ฌธ์ž, ์ด๋ฏธ์ง€ ๋“ฑ์˜ ๋งˆ์ปค ๋ชจ์–‘์„ ์ง€์ •ํ•  ์ˆ˜ ์žˆ๋‹ค. `list-style-type` ์†์„ฑ์€ ๋‹ค์–‘ํ•œ ๊ฐ’์„ ๊ฐ€์งˆ ์ˆ˜ ์žˆ์œผ๋ฉฐ, ์ผ๋ฐ˜์ ์œผ๋กœ ๋‹ค์Œ๊ณผ ๊ฐ™์€ ๊ฐ’๋“ค์ด ์‚ฌ์šฉ๋œ๋‹ค. 1. `none` ๋ชฉ๋ก ํ•ญ๋ชฉ์— ๋งˆ์ปค๋ฅผ ํ‘œ์‹œํ•˜์ง€ ์•Š๋Š”๋‹ค. ์ฆ‰, ๋ฒˆํ˜ธ๋‚˜ ๋ถˆ๋ฆฟ ๊ธฐํ˜ธ๊ฐ€ ๋‚˜ํƒ€๋‚˜์ง€ ์•Š๋Š”๋‹ค. 2. `disc` ์›ํ˜• ๋ถˆ๋ฆฟ ๊ธฐํ˜ธ๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค. (default) 3. `circle` ๋นˆ ์› ๊ธฐํ˜ธ๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค. 4. `square` ๋„ค๋ชจ ์ƒ์ž ๊ธฐํ˜ธ๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค. 5. `decimal` 1๋ถ€ํ„ฐ ์‹œ์ž‘ํ•˜์—ฌ ์ˆซ์ž๋กœ ๋ฒˆํ˜ธ๋ฅผ ๋งค๊ธด๋‹ค. 6. `decimal-lead..