CSS ํจ์
๐ CSS ํจ์
CSS์ ์์ฑ๊ฐ์ ์ง์ ํ ๋ ํจ์์ ์ฑ๊ฒฉ์ ์ ์ฉํ ์ ์์ต๋๋ค.
CSSํจ์๋ ๊ดํธ ์์ ์ธ์๋ฅผ ์ ๋ฌํ๋ฉด, ์ธ์์ ๋ฐ๋ฅธ ๊ฒฐ๊ณผ๊ฐ์ ์์ฑ์ ์ ์ฉํ๋ ๋ฐฉ์์ผ๋ก ๋์ํฉ๋๋ค.
๐ calc()
CSSํจ์ ์ค ๊ณ์ฐ์ ๋ด๋นํ๋ ํจ์ ์ ๋๋ค.
๊ดํธ์์ ํํ์์ ๊ฒฐ๊ณผ๊ฐ์ผ๋ก ์ ์ฉํฉ๋๋ค.
.message_text {
width: calc(100% - 100px);
}
์ด๋ ๊ฒ message_text๋ฅผ ๊ฐ๋ณ์ ์ธ ํฌ๊ธฐ๋ก ์ค์ ์ด ๊ฐ๋ฅํฉ๋๋ค.
์ถ์ฒ
- ์ ๋ ธ์ฝ๋ฉ
๐ฌ ์ต์ ๋๊ธ