[WEB] CSSOM์ด๋?
๐ CSSOM์ด๋?
CSSOM์ CSS Object Model์ ์ฝ์์ ๋๋ค.
๋ธ๋ผ์ฐ์ ์์ dom์ ๋ง๋ค๊ฒ ๋๋ฉด, css์ ๋ณํฉํด์ cssom์ ๋ง๋ญ๋๋ค.
HTML๋ฌธ์๋ฅผ ํ์ฑํ์ฌ DOMํธ๋ฆฌ๋ฅผ ๋ง๋๋ ๊ฒ์ฒ๋ผ, CSS๋ฅผ ํ์ฑํด์ ์๋ฃ๋ฅผ ํธ๋ฆฌ ํํ๋ก ๊ตฌ์กฐํํ ๊ฒ์ CSSOM์ด๋ผ๊ณ ํฉ๋๋ค.
CSSOM์์ CSS์๋ cascading์ด๋ผ๋ ๊ท์น์ด ์กด์ฌํ๊ธฐ ๋๋ฌธ์ ๋ฐ๋ก CSS๋ฅผ ์ ์ํ์ง ์์๋ ๋ธ๋ผ์ฐ์ ์์ ์ค์ ๋ ๊ธฐ๋ณธ์ ์ธ CSSํ์ผ์ด ์๋ค๋ฉด ๊ทธ๊ฒ๋ค์ด ์ ๋ถ ๋ค ์ ์ฉ๋ฉ๋๋ค.
dom๊ณผ cssom์ ํฉํด์ ์ต์ข ์ ์ผ๋ก rendertree๋ฅผ ๋ง๋ญ๋๋ค.
rendertree์๋ ์ฌ์ฉ์์๊ฒ ๊ถ๊ทน์ ์ผ๋ก ๋ณด์ฌ์ง๋ ์์๋ง ์ ๋ณ๋ฉ๋๋ค.
opacity: 0;
visibility: hidden;
Render Tree์ ํฌํจ๋จ.
display: none;
Render Tree์ ํฌํจ๋์ง ์์.
์ถ์ฒ
- ๋๋ฆผ์ฝ๋ฉ
๐ฌ ์ต์ ๋๊ธ