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

์›น(IT) ์ •๋ณด31

css3 background-size ๊ธฐ์กด css์—์„œ ์ถ”๊ฐ€๋œ css3์ถ”๊ฐ€ ์†์„ฑ์ธ background-size์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ด…์‹œ๋‹ค. ๊ธฐ์กด์— ๋ฐฑ๊ทธ๋ผ์šด๋“œ ์ด๋ฏธ์ง€๋ฅผ ์‚ฌ์šฉํ•˜์˜€์„๋•Œ ์ •๋ ฌ ๋ฐ ์œ„์น˜๋งŒ ์‚ฌ์šฉํ• ์ˆ˜ ์žˆ์—ˆ๋Š”๋ฐ background-size ์ด ์†์„ฑ์„ ์ถ”๊ฐ€ํ•˜์—ฌ ๋”์šฑ ํŽธ๋ฆฌํ•œ ๋ฐฑ๊ทธ๋ผ์šด๋“œ๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š”๋ฐ์š”. ์šฐ์„  ๋‹ค์Œ๊ณผ ๊ฐ™์€ ์†์„ฑ์ด ์žˆ์Šต๋‹ˆ๋‹ค. auto ๊ธฐ๋ณธ๊ฐ’. ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง€์˜ ๋„ˆ๋น„์™€ ๋†’์ด๊ฐ€ ํฌํ•จ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. lenth ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง€์˜ ๋„ˆ๋น„์™€ ๋†’์ด๋ฅผ ์„ค์ •ํ•ฉ๋‹ˆ๋‹ค. ์ฒซ ๋ฒˆ์งธ ๊ฐ’์€ ๋„ˆ๋น„๋ฅผ ์„ค์ •ํ•˜๊ณ  ๋‘ ๋ฒˆ์งธ ๊ฐ’์€ ๋†’์ด๋ฅผ ์„ค์ •ํ•ฉ๋‹ˆ๋‹ค. ํ•˜๋‚˜์˜ ๊ฐ’๋งŒ ์ฃผ์–ด์ง€๋ฉด ๋‘ ๋ฒˆ์งธ ๊ฐ’์€ "auto"๋กœ ์„ค์ •๋ฉ๋‹ˆ๋‹ค. percentage ๋ถ€๋ชจ ์š”์†Œ์˜ ๋ฐฑ๋ถ„์œจ๋กœ ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง€์˜ ๋„ˆ๋น„์™€ ๋†’์ด๋ฅผ ์„ค์ •ํ•ฉ๋‹ˆ๋‹ค. ์ฒซ ๋ฒˆ์งธ ๊ฐ’์€ ๋„ˆ๋น„๋ฅผ ์„ค์ •ํ•˜๊ณ  ๋‘ ๋ฒˆ์งธ ๊ฐ’์€ ๋†’์ด๋ฅผ ์„ค์ •ํ•ฉ๋‹ˆ๋‹ค. ํ•˜๋‚˜์˜ ๊ฐ’๋งŒ ์ฃผ์–ด์ง€๋ฉด ๋‘.. 2017. 6. 25.