Found 245 pages:
# | Page | Tags and summary |
---|---|---|
1 | CSS: Cascading Style Sheets | CSS, Design, Landing, Layout, Reference, l10n:priority, ์คํ์ผ์ํธ |
Cascading Style Sheets(CSS)๋ HTML์ด๋ XML(SVG, XHTML ๊ฐ์ XML ๋ฐฉ์ธ(dialect) ํฌํจ)๋ก ์์ฑ๋ ๋ฌธ์์ ํํ์ ๊ธฐ์ ํ๊ธฐ ์ํด ์ฐ์ด๋ ์คํ์ผ์ํธ ์ธ์ด์ ๋๋ค. | ||
2 | -moz-image-region | CSS, CSS Property, CSS:Mozilla Extensions, Non-standard |
XUL ์์์ ๊ฐ์์์๋ค์ ๋ํ์ฌ list-style-image ์์ฑ์ ์ฌ์ฉํ ๋ ์ด ์์ฑ์ ์ ์ฒด์ด๋ฏธ์ง์์ ์ฌ์ฉ๋๋ ๋ถ๋ถ์ ๋ น์ญ์ ์ง์ ํฉ๋๋ค. ์ด๊ฒ์ ์์๋ค์ด ์ฑ๋ฅ์ ํฅ์์ํค๊ธฐ ์ํด ๊ฐ์ ์ด๋ฏธ์ง์ ์๋ก๋ค๋ฅธ ๋ถ๋ถ์ ์ฌ์ฉํ ์ ์๊ฒ ํฉ๋๋ค. |
||
3 | -webkit-overflow-scrolling | CSS, CSS Property, Non-standard, Reference |
-webkit-overflow-scrolling CSS ์์ฑ์ ํด๋น ์์๊ฐ ํฐ์น ๋จ๋ง๊ธฐ์์ ๋ชจ๋ฉํ
๊ธฐ๋ฐ ์คํฌ๋กค์ ํ์ฑํ ์ฌ๋ถ๋ฅผ ์ง์ ํฉ๋๋ค. |
||
4 | ::after (:after) | |
CSS ::after ๊ฐ์ ์์(pseudo-element)๋ ์ ํ๋ ์์(element)์ ๊ฐ์์ ์๋
์์๋ฅผ ๊ฐ๋ฆฌํต๋๋ค. ์ด๋ ์ฃผ๋ก ๋ณธ๋ฌธ์ ์ถ๊ฐ์ ์ธ ๋ด์ฉ์ ๋ง๋ถ์ด๋ ๊ฒฝ์ฐ์ ๋ง์ด ์ฐ์ด๋ content CSS ํ๋กํผํฐ(property) ์
๋๋ค. ์ด ์์๋ ์ธ๋ผ์ธ(inline)์ด ๊ธฐ๋ณธ๊ฐ์
๋๋ค. |
||
5 | :active | CSS, Layout, Pseudo-class, Reference, Web |
:active CSS ์์ฌ ํด๋์ค๋ ์ฌ์ฉ์๊ฐ ํ์ฑํํ ์์(๋ฒํผ ๋ฑ)๋ฅผ ๋ํ๋
๋๋ค. |
||
6 | :first | |
:first @page CSS pseudo-class ๋ ๋ฌธ์๋ฅผ ์ธ์ํ ๋, ์ฒซ๋ฒ์งธ ํ์ด์ง์ ์คํ์ผ๋ง์ ํํํฉ๋๋ค. |
||
7 | :first-child | CSS, Layout, Pseudo-class, Reference, Web |
The :first-child CSS pseudo-class represents the first element among a group of sibling elements. |
||
8 | :focus-within | CSS, Layout, Pseudo-class, Reference, Web |
:focus-within CSS pseudo-class ๋ focus ๋ฅผ ๋ฐ๊ฑฐ๋, focus ๋ฅผ ๋ฐ์ element ๋ฅผ ํฌํจํ๋ element ๋ฅผ ๋ํ๋
๋๋ค. ์ฆ, :focus pseudo-class ์ ์ํด ์์ฒด์ ์ผ๋ก ์ผ์นํ๊ฑฐ๋ :focus ์ ์ํด ์ผ์น๋๋ ์์์ ๊ฐ์ง๋ element ๋ฅผ ๋ํ๋
๋๋ค. (์ด๊ฒ์ shadow trees ๋ด๋ถ์ ์์์ ํฌํจํฉ๋๋ค.) |
||
9 | :hover | CSS, Layout, Pseudo-class, Reference, Web |
:hover CSS ์์ฌ ํด๋์ค๋ ์ฌ์ฉ์๊ฐ ํฌ์ธํ
์ฅ์น๋ฅผ ์ฌ์ฉํด ์ํธ์์ฉ ์ค์ธ ์์๋ฅผ ์ ํํฉ๋๋ค. ๋ณดํต ์ฌ์ฉ์์ ์ปค์(๋ง์ฐ์ค ํฌ์ธํฐ)๊ฐ ์์ ์์ ์ฌ๋ผ๊ฐ ์์ผ๋ฉด ์ ํ๋ฉ๋๋ค. |
||
10 | :link | CSS, Layout, Pseudo-class, Reference, Web |
:link CSS ์์ฌ ํด๋์ค๋ ์์ง ๋ฐฉ๋ฌธํ์ง ์์ ์์๋ฅผ ๋ํ๋
๋๋ค. |
||
11 | :not() | CSS, Layout, Pseudo-class, Reference |
๋ถ์ (negation) CSS ๊ฐ์ ํด๋์ค :not(X) ๋ ์ธ์๋ก ๊ฐ๋จํ ์ ํ์(selector) X๋ฅผ ์ทจํ๋ ๊ธฐ๋ฅ ํ๊ธฐ๋ฒ์
๋๋ค. ์ธ์๋ก ํ์๋์ง ์์ ์์์ ์ผ์นํฉ๋๋ค. X๋ ๋ค๋ฅธ ๋ถ์ ์ ํ์๋ฅผ ํฌํจํด์๋ ์ ๋ฉ๋๋ค. |
||
12 | :nth-child | CSS ์์ฌ ํด๋์ค, ๋ ์ด์์, ์น, ์ฐธ๊ณ |
CSS ์์ฌ ํด๋์ค :nth-child(an+b)์ 0 ์ด์์ n ์ ๋ํด์ ๋ํ๋จผํธ ํธ๋ฆฌ์์ ์๊ธฐ ์์ an+b-1 ๊ฐ์ ํ์ ๊ฐ ์๋ ์๋ฆฌ๋จผํธ์ ์ผ์นํ๋ค. ๋ ๊ฐ๋จํ ๋งํ๋ฉด ์ด ์
๋ ํฐ๋ ์ผ๋ จ์ ํ์ ๋ค ์ค ์์๊ฐ an+b ํจํด๊ณผ ์ผ์นํ๋ ๋ช ๊ฐ์ ์์ ์๋ฆฌ๋จผํธ์ ์ผ์นํ๋ค. ๋ ๋ฒจ 3 ๊ตฌํ์์๋ ์ผ์นํ๋ ์๋ฆฌ๋จผํธ์ ๋ถ๋ชจ๊ฐ ์์ด์ผ ํ์ง๋ง ๋ ๋ฒจ 4์์๋ ์์ด๋ ๋๋ค. |
||
13 | :visited | CSS, Layout, Pseudo-class, Reference, Web |
:visited CSS ์์ฌ ํด๋์ค๋ ์ฌ์ฉ์๊ฐ ๋ฐฉ๋ฌธํ ์ ์ด ์๋ ๋งํฌ๋ฅผ ๋ํ๋
๋๋ค. :visited ๊ฐ ๋ฐ๊ฟ ์ ์๋ ์คํ์ผ์ ๊ฐ์ธ์ ๋ณด ๋ณดํธ๋ฅผ ์ํด ๋งค์ฐ ์ ํ์ ์
๋๋ค. |
||
14 | <angle-percentage> | CSS, CSS Data Type, Reference |
<angle-percentage> CSS ์๋ฃํ์ <angle> ๊ณผ <percentage> ๋ชจ๋ ๊ฐ๋ฅํ ๊ฐ์ ๋ํ๋
๋๋ค. |
||
15 | <angle> | CSS, CSS Data Type, Layout, Reference, Web |
<angle> CSS ์๋ฃํ์ ๊ฐ๋์ ๊ฐ์ ๋, ๊ทธ๋ ์ด๋, ๋ผ๋์ ๋๋ ํด์ผ๋ก ํํํฉ๋๋ค. <gradient> ๋ ์ผ๋ถ transform ํจ์์์ ์ฌ์ฉํฉ๋๋ค.. |
||
16 | <color> | CSS, CSS Date Type, Layout, Reference, Web |
<color> CSS ์๋ฃํ์ sRGB ์ ๊ณต๊ฐ์ ํ ์์ ํํํ๋ฉฐ, ์ถ๊ฐ๋ก ์ํ ์ฑ๋ ํฌ๋ช
๋ ๊ฐ๋ ๊ฐ์ง ์ ์์ด ์์ ์ด ๊ฐ๋ฆฌํค๋ ์์๊ณผ ๋ฐฐ๊ฒฝ์ด ์ด๋ป๊ฒ ํฉ์ฑ๋์ด์ผ ํ๋์ง ์ง์ ํ ์ ์์ต๋๋ค. |
||
17 | <filter-function> | CSS, CSS Data Type, Filter Effects, Reference |
<filter-function> CSS ์๋ฃํ์ ์
๋ ฅ ์ด๋ฏธ์ง์ ๋ชจ์ต์ ๋ณํํ ์ ์๋ ๊ทธ๋ํฝ ํจ๊ณผ๋ฅผ ๋ํ๋
๋๋ค. |
||
18 | blur() | CSS, CSS Function, Filter Effects, Reference |
blur() CSS ํจ์๋ ์ฃผ์ด์ง ์ด๋ฏธ์ง์ ๊ฐ์ฐ์์ ๋ธ๋ฌ๋ฅผ ์ ์ฉํฉ๋๋ค |
||
19 | brightness() | CSS, CSS Function, Filter Effects, Reference |
brightness() CSS ํจ์๋ ์ฃผ์ด์ง ์ด๋ฏธ์ง์ ์ ํ ๊ณ์๋ฅผ ์ ์ฉํด ๋ ๋ฐ๊ฑฐ๋ ์ด๋ก๊ฒ ๋ง๋ญ๋๋ค. |
||
20 | contrast() | CSS, CSS Function, Filter Effects, Reference |
contrast() CSS ํจ์๋ ์ฃผ์ด์ง ์ด๋ฏธ์ง์ ๋๋น๋ฅผ ์กฐ์ ํฉ๋๋ค. |
||
21 | <frequency> | CSS, CSS Data Type, Reference, Web |
<frequency> CSS ์๋ฃํ์ ๋ชฉ์๋ฆฌ์ ๋๋ฎ์ด ๋ฑ ์ฃผํ์๋ฅผ ๋ํ๋
๋๋ค. ํ์ฌ ์ด๋ค CSS ์์ฑ๋ <frequency> ๋ฅผ ์ฌ์ฉํ์ง ์์ต๋๋ค. |
||
22 | <gradient> | CSS, CSS Data Type, CSS Images, Graphics, Layout, Reference, ๊ทธ๋ผ๋ฐ์ด์ , ๊ทธ๋ ์ด๋์ธํธ |
<gradient> CSS ์๋ฃํ์ <image> ์ ํน๋ณํ ์ข
๋ฅ๋ก ์ฌ๋ฌ ์์ ์ ์ง์ ์ธ ๋ณํ๋ฅผ ๋ํ๋
๋๋ค. |
||
23 | <image> | CSS, CSS Data Type, CSS Images, Graphics, Layout, Reference, Web |
<image> CSS ์๋ฃํ์ 2์ฐจ์ ์ด๋ฏธ์ง๋ฅผ ๋ํ๋
๋๋ค. |
||
24 | <integer> | CSS, CSS Data Type, Reference, Web |
<integer> CSS ์๋ฃํ์ <number> ์ ์ข
๋ฅ ์ค ํ๋๋ก ์์์ ์ด ์๋ ์์ ํ ์, ์ฆ ์ ์๋ฅผ ํํํฉ๋๋ค. ์ ์๋ column-count , counter-increment , grid-column , grid-row , z-index ๋ฑ ๋ค์ํ ์์ฑ์์ ์ฌ์ฉํ ์ ์์ต๋๋ค. |
||
25 | <length-percentage> | CSS, CSS Date Type, Reference |
<length-percentage> CSS ์๋ฃํ์ <length> ๋๋ <percentage> ์ธ ๊ฐ์ ๋ํ๋
๋๋ค. |
||
26 | <length> | CSS, CSS Data Type, Layout, Reference, Web, length |
<length> CSS ์๋ฃํ์ ๊ฑฐ๋ฆฌ ๊ฐ์ ๋ํ๋
๋๋ค. width , height , margin , padding , border-width , font-size , text-shadow ๋ฑ ๋ค์ํ ์์ฑ์ ์ฌ์ฉํ ์ ์์ต๋๋ค. |
||
27 | <number> | CSS, CSS Data Type, Layout, Reference, Web |
<number> CSS ์๋ฃํ์ ์ซ์, ์ฆ ์ ์ ๋๋ ์ค์๋ฅผ ํํํฉ๋๋ค. |
||
28 | <percentage> | CSS, CSS Data Type, Layout, Reference, Web |
<percentage> CSS ์๋ฃํ์ ๋ฐฑ๋ถ์จ ๊ฐ์ ๋ํ๋
๋๋ค. ๋ณดํต ๋ถ๋ชจ ๊ฐ์ฒด์์ ์๋์ ํฌ๊ธฐ๋ฅผ ์ง์ ํ ๋ ์ฌ์ฉํฉ๋๋ค. width , height , margin , padding , font-size ์ฒ๋ผ ๋ค์ํ ์์ฑ์์ ๋ฐฑ๋ถ์จ์ ์ธ ์ ์์ต๋๋ค. |
||
29 | <string> | CSS, CSS Data Type, Layout, Reference, Web |
<string> CSS ์๋ฃํ์ ์ฐ์ํ ๋ฌธ์ ์งํฉ์ ๋ํ๋
๋๋ค. content , font-family , quotes ๋ฑ ๋ง์ CSS ์์ฑ์์ ์ฌ์ฉํฉ๋๋ค. |
||
30 | <time> | CSS, CSS Date Type, Reference, Web |
<time> CSS ์๋ฃํ์ ์๊ฐ ๊ฐ์ ์ด๋ ๋ฐ๋ฆฌ์ด ๋จ์๋ก ๋ํ๋
๋๋ค. animation , transition ๊ณผ ๊ด๋ จ ์์ฑ์์ ์ฌ์ฉํฉ๋๋ค. |
||
31 | <transform-function> | CSS, CSS Data Type, CSS Transforms, Layout, Reference |
The <transform-function> CSS data type represents a transformation that affects an element's appearance. Transformation functions can rotate, resize, distort, or move an element in 2D or 3D space. It is used in the transform property. |
||
32 | matrix() | |
matrix() CSS ํจ์๋ 2D ๋ณํ ๋์ฐจ ํ๋ ฌ์ ์ ์ธํฉ๋๋ค. ๊ฒฐ๊ณผ๋ <transform-function> ๋ฐ์ดํฐ ํ์
์
๋๋ค. |
||
33 | translate3d() | translate3d |
translate3d() CSS ํจ์๋ 3D๊ณต๊ฐ์ ์์์ ์์น๋ฅผ ์ด๋์ํต๋๋ค. ์ด ๋ณํ์ 3์ฐจ์ ๋ฒกํฐ์ ์ํด ํน์ฑ ์ง์ด์ง๊ณ , ๊ทธ ์ขํ๋ ๊ฐ ๋ฐฉํฅ์ผ๋ก ์ผ๋ง๋ ์์ง์ด๋์ง๋ฅผ ์ ์ํฉ๋๋ค. | ||
34 | <url> | CSS, CSS Data Type, Layout, Reference |
<url> CSS ์๋ฃํ์ ์ด๋ฏธ์ง๋ ๊ธ๊ผด ๋ฑ ๋ฆฌ์์ค๋ฅผ ๊ฐ๋ฆฌํค๋ ๋ฌธ์์ด์ ๋ํ๋
๋๋ค. URL์ background-image , cursor , list-style ๋ฑ ๋ค์ํ ์์ฑ์์ ์ฌ์ฉํ ์ ์์ต๋๋ค. |
||
35 | @-๊ท์น | At-rule, CSS, CSS Reference |
@-๊ท์น์ ์๋ณ์(identifier)๊ฐ ๋ค๋ฐ๋ฅด๋ at ๊ธฐํธ('@ ' (U+0040 COMMERCIAL AT ))๋ก ์์ํ๋ CSS ๋ฌธ์ด๋ฉฐ ๋ค์ ์ธ๋ฏธ์ฝ๋ก ('; ' (U+003B SEMICOLON )) ๋๋ ๋ค์ CSS ๋ธ๋ก ์ค ๋จผ์ ์ค๋ ์ชฝ๊น์ง ๋ชจ๋ ๊ฒ์ ํฌํจํฉ๋๋ค. |
||
36 | @charset | At-rule, CSS, Layout, Reference, Web |
@charset CSS at-๊ท์น์ ์คํ์ผ ์ํธ์ ์ฐ์ด๋ ๋ฌธ์ ์ธ์ฝ๋ฉ์ ์ง์ ํฉ๋๋ค. ์คํ์ผ ์ํธ์ ์ฒซ ๋ฒ์งธ ์์์ฌ์ผ ํ๋ฉฐ ์ด๋ค ๋ฌธ์๊ฐ ์ ํ๋์ง ์์์ผ ํฉ๋๋ค; ์ค์ฒฉ๋ ๋ฌธ์ด ์๋๊ธฐ์, ์กฐ๊ฑด๋ถ ๊ทธ๋ฃน at-๊ท์น ๋ด์ ์ฌ์ฉ๋ ์ ์์ต๋๋ค. ์ฌ๋ฌ @charset at-๊ท์น์ด ์ ์๋ ๊ฒฝ์ฐ, ์ฒซ ๋ฒ์งธ ๊ฒ๋ง ์ฌ์ฉ๋๊ณ HTML ์์์ style attribute ๋๋ HTML ํ์ด์ง์ ๋ฌธ์ ์งํฉ๊ณผ ๊ด๋ จ ์๋ <style> ์์ ๋ด์์ ์ฌ์ฉ๋ ์ ์์ต๋๋ค. |
||
37 | @font-face | |
CSS at-rule ์ธ @font-face ๋ฅผ ์ฌ์ฉํ์ฌ ์นํ์ด์ง์ ํ
์คํธ์ ์จ๋ผ์ธํฐํธ(online fonts)๋ฅผ ์ ์ฉํ ์ ์๋ค. @font-face ๋ฅผ ์ฌ์ฉํ์ฌ ์นํ์ด์ง ์ ์์๊ฐ ์ํ๋ ํฐํธ๋ฅผ ์ฌ์ฉํ ์ ์๊ฒํจ์ผ๋ก์จ, ์ปดํจํฐ์ ์ค์น๋ ํฐํธ๋ง์ ์ฌ์ฉํด์ผํ๋ ์ ์ฝ์ด ์์ด์ง๊ฒ๋์๋ค. @font-face at-rule ์ CSS์ top-level์์ ๋ฟ ์๋๋ผ, CSS conditional-group at-rule ์์์๋ ์ฌ์ฉ๋ ์๋ ์๋ค. |
||
38 | @import | At-rule, CSS, Reference |
@import CSS at-๊ท์น์ ๋ค๋ฅธ ์คํ์ผ ์ํธ์์ ์คํ์ผ ๊ท์น์ importํ๋๋ฐ ์ฐ์
๋๋ค. ์ด ๊ท์น์ @charset ๊ท์น์ ์ ์ธํ๊ณ ๋ชจ๋ ๋ค๋ฅธ ์ข
๋ฅ์ ๊ท์น๋ณด๋ค ์ ํํด์ผ ํฉ๋๋ค; ์ค์ฒฉ๋ ๋ฌธ์ด ์๋๊ธฐ์, @import ๋ ์กฐ๊ฑด๋ถ ๊ทธ๋ฃน at-๊ท์น ๋ด์ ์ฌ์ฉ๋ ์ ์์ต๋๋ค. |
||
39 | @keyframes | Animations, At-rule, CSS, Reference |
@keyframes @๊ท์น์ ๊ฐ๋ฐ์๊ฐ ์ ๋๋ฉ์ด์
์ค๊ฐ์ค๊ฐ์ ํน์ ์ง์ ๋ค์ ๊ฑฐ์น ์ ์๋ ํคํ๋ ์๋ค์ ์ค์ ํจ์ผ๋ก์จ CSS ์ ๋๋ฉ์ด์
๊ณผ์ ์ ์ค๊ฐ ์ ์ฐจ๋ฅผ ์ ์ดํ ์ ์๊ฒ ํฉ๋๋ค. ์ด ๋ฃฐ์ ๋ธ๋ผ์ฐ์ ๊ฐ ์๋์ผ๋ก ์ ๋๋ฉ์ด์
์ ์ฒ๋ฆฌํ๋ ๊ฒ ๋ณด๋ค ๋ ์ธ๋ฐํ๊ฒ ์ค๊ฐ ๋์๋ค์ ์ ์ดํ ์ ์์ต๋๋ค. |
||
40 | @media | @media, At-rule, CSS, Reference |
@media CSS @๊ท์น์ ์ค๊ดํธ๋ก ๊ตฌ๋ถ๋ CSS ๋ธ๋ก ๋ด ์ค์ฒฉ๋ฌธ ์งํฉ์ ๋ฏธ๋์ด ์ง์์ ์ ์๋ ์กฐ๊ฑด๊ณผ ์ฐ๊ฒฐํฉ๋๋ค. |
||
41 | prefers-color-scheme | @media, CSS, Reference, Web, prefers-color-scheme |
prefers-color-scheme CSS ๋ฏธ๋์ด ํน์ฑ์ ์ฌ์ฉ์์ ์์คํ
์ด ๋ผ์ดํธ ํ
๋ง๋ ๋คํฌ ํ
๋ง๋ฅผ ์ฌ์ฉํ๋์ง ํ์งํ๋ ๋ฐ์ ์ฌ์ฉ๋ฉ๋๋ค. |
||
42 | @namespace | At-rule, CSS, Layout, Reference, Web |
@namespace ๋ CSS ์คํ์ผ ์ํธ์์ ์ฌ์ฉ๋๋ XML ๋ค์์คํ์ด์ค๋ฅผ ์ ์ํ๋ at-๊ท์น์
๋๋ค. ์ ์๋ ๋ค์์คํ์ด์ค๋ ์ค์ง ๊ทธ ๋ค์์คํ์ด์ค ๋ด์ ์์๋ฅผ ์ ํ๋ง ํ๊ธฐ ์ํด universal, type ๋ฐ attribute ์ ํ์๋ฅผ ์ ํํ๋ ๋ฐ ์ฌ์ฉ๋ ์ ์์ต๋๋ค. @namespace ๊ท์น์ ๋ณดํต ์ฌ๋ฌ ๋ค์์คํ์ด์ค(์ธ๋ผ์ธ SVG ๋๋ MathML ์๋ HTML5 ๋๋ ๋ค์ํ ์ดํ๋ฅผ ์๋ XML ๋ฑ)๋ฅผ ํฌํจํ๋ ๋ฌธ์๋ฅผ ์ฒ๋ฆฌํ๋ ๊ฒฝ์ฐ์๋ง ์ ์ฉํฉ๋๋ค. |
||
43 | @page | At-rule, CSS, Layout, Reference, Web |
@page CSS @๊ท์น์ ๋ฌธ์๋ฅผ ์ธ์ํ ๋ ์ผ๋ถ CSS ์์ฑ์ ์์ ํ๋ ๋ฐ ์ฐ์
๋๋ค. @page ๋ก ๋ชจ๋ CSS ์์ฑ์ ๋ฐ๊ฟ ์๋ ์์ต๋๋ค. ๋ฌธ์์ margin, orphan, widow(์๋จ์์ ๋์ด์จ ์งค๋งํ ํ) ๋ฐ page break๋ง ๋ฐ๊ฟ ์ ์์ต๋๋ค. ๋ค๋ฅธ CSS ์์ฑ์ ๋ฐ๊พธ๋ ค๋ ์๋๋ ๋ฌด์๋ฉ๋๋ค. |
||
44 | @supports | At-rule, CSS, Layout, Reference, Web |
@supports CSS @๊ท์น์ ์ฃผ์ด์ง ํ๋ ์ด์์ CSS ๊ธฐ๋ฅ์ ๋ธ๋ผ์ฐ์ ๊ฐ ์ง์ํ๋์ง์ ๋ฐ๋ผ ๋ค๋ฅธ ์คํ์ผ ์ ์ธ์ ํ ์ ์๋ ๋ฐฉ๋ฒ์ ์ ๊ณตํฉ๋๋ค. |
||
45 | @viewport | Adaptation, At-rule, CSS, Device, NeedsContent, NeedsTranslation, Reference, TopicStub |
The @viewport CSS at-rule lets you configure the viewport through which the document is viewed. It's primarily used for mobile devices, but is also used by desktop browsers that support features like "snap to edge" (such as Microsoft Edge). |
||
46 | height | @viewport, CSS, CSS Descriptor, Reference |
height CSS ์์ ์(descriptor)๋ ๋ทฐํฌํธ์ min-height ๋ฐ max-height ๋ ๋ค ์ค์ ํ๊ธฐ ์ํ ๋จ์ถ(shorthand) ์ค๋ช
์์
๋๋ค. ๋ทฐํฌํธ ๊ธธ์ด ๊ฐ ํ๋๋ฅผ ์ฃผ์ด ์ต์ ๋์ด ๋ฐ ์ต๋ ๋์ด ๋ ๋ค๋ฅผ ์ฃผ์ด์ง ๊ฐ์ผ๋ก ์ค์ ํฉ๋๋ค. |
||
47 | zoom | CSS, CSS Descriptor, Graphics, Layout, NeedsExample, Reference |
zoom CSS ์ค๋ช
์(descriptor)๋ @viewport ์ ์ํด ์ ์๋ ๋ฌธ์์ ์ด๊ธฐ ์ค ๋ฐฐ์จ(factor)์ ์ค์ ํฉ๋๋ค. |
||
48 | Alternative style sheets | |
Firefox๋ ๋์ฒด ์คํ์ผ์ํธ ๋ฅผ ์ง์ํฉ๋๋ค. ๋์ฒด ์คํ์ผ์ํธ๋ฅผ ์ ๊ณตํ๋ ํ์ด์ง์์๋ ๋ณด๊ธฐ>ํ์ด์ง ์คํ์ผ ๋ฉ๋ด๋ฅผ ์ด์ฉํ์ฌ ํ์ด์ง์ ์ ์ฉ๋ ์คํ์ผ์ ์ ํํ ์ ์์ต๋๋ค. ๋ฐ๋ผ์ ์ฌ์ฉ์๋ ์์ ์ด ์ํ๋ ๋ค์ํ ์ข ๋ฅ์ ํ์ด์ง๋ฅผ ๋ณผ ์ ์๊ฒ ๋ฉ๋๋ค. | ||
49 | CSS Animations | CSS, CSS Animations, Overview, Reference |
CSS Animations is a module of CSS that lets you animate the values of CSS properties over time, using keyframes. The behavior of these keyframe animations can be controlled by specifying their timing function, duration, their number of repetitions, and other attributes. | ||
50 | CSS ์ ๋๋ฉ์ด์ ์ฌ์ฉํ๊ธฐ | Advanced, CSS, CSS Animations, Example, Experimental, Guide |
CSS3 ์ ๋๋ฉ์ด์ ์ ์๋ฆฌ๋จผํธ์ ์ ์ฉ๋๋ CSS ์คํ์ผ์ ๋ค๋ฅธ CSS ์คํ์ผ๋ก ๋ถ๋๋ฝ๊ฒ ์ ํ์์ผ ์ค๋๋ค. ์ ๋๋ฉ์ด์ ์ ์ ๋๋ฉ์ด์ ์ ๋ํ๋ด๋ CSS ์คํ์ผ๊ณผ ์ ๋๋ฉ์ด์ ์ ์ค๊ฐ ์ํ๋ฅผ ๋ํ๋ด๋ ํคํ๋ ์๋ค๋ก ์ด๋ฃจ์ด์ง๋๋ค. | ||
51 | CSS Basic Box Model | CSS, CSS Box Model, Overview, Reference |
CSS Basic Box Model์ ๊ฐ ์์์ ๋ํด ์๊ฐ์ ์์ ๋ชจ๋ธ์ ๋ฐ๋ผ ์์ฑํ๊ณ ๋ฐฐ์นํ๋ ์ฌ๊ฐํ ๋ฐ์ค(์ํ ์ฌ๋ฐฑ ํฌํจ)๋ฅผ ์ํ CSS ๋ชจ๋์ ๋๋ค. | ||
52 | CSS ๊ธฐ๋ณธ ๋ฐ์ค ๋ชจ๋ธ ์ ๋ฌธ | CSS, CSS Box Model, Guide, Layout |
๋ฌธ์์ ๋ ์ด์์์ ๊ณ์ฐํ ๋, ๋ธ๋ผ์ฐ์ ์ ๋ ๋๋ง ์์ง์ ํ์ค CSS ๊ธฐ๋ณธ ๋ฐ์ค ๋ชจ๋ธ์ ๋ฐ๋ผ ๊ฐ๊ฐ์ ์์๋ฅผ ์ฌ๊ฐํ ๋ฐ์ค๋ก ํํํฉ๋๋ค. CSS๋ ๋ฐ์ค์ ํฌ๊ธฐ, ์์น, ์์ฑ(์, ๋ฐฐ๊ฒฝ, ํ ๋๋ฆฌ ๋ชจ์ ๋ฑ)์ ๊ฒฐ์ ํฉ๋๋ค. | ||
53 | ๋ง์ง ์์ ์ ๋ณต | CSS, CSS Box Model |
๋ธ๋ก์ top ๋ฐ bottom ๋ง์ง์ ๋๋ก๋ (๊ฒฐํฉ๋๋ ๋ง์ง ์ค ํฌ๊ธฐ๊ฐ) ๊ฐ์ฅ ํฐ ํ ๋ง์ง์ผ๋ก ๊ฒฐํฉ(combine, ์์(collapsed))๋ฉ๋๋ค, ๋ง์ง ์์(margin collapsing)๋ก ์๋ ค์ง ํ๋. | ||
54 | CSS Basic User Interface | CSS, CSS Basic User Interface, Overview, Reference |
CSS Basic User Interface๋ ์ฌ์ฉ์ ์ธํฐํ์ด์ค์ ์ฐ๊ด๋ ๋ ๋๋ง ๋ฐ ๋์ ๊ธฐ๋ฅ์ ์ ์ํ ์ ์๋ CSS ๋ชจ๋์ ๋๋ค. | ||
55 | CSS Charsets | CSS, CSS Charsets, Overview, Reference |
CSS Charsets๋ ์คํ์ผ ์ํธ์์ ์ฌ์ฉํ๋ ๋ฌธ์ ์งํฉ์ ์ ์ํ ์ ์๋ CSS ๋ชจ๋์ ๋๋ค. | ||
56 | CSS Color | CSS, CSS Colors, HTML Colors, Overview, Reference |
CSS ์์์ ์์, ์์ ์ ํ, ์์ ํผํฉ, ํฌ๋ช
๋ ๋ฐ ์ด๋ฌํ ์์ ํจ๊ณผ๋ฅผ HTML์ ์ ์ฉํ๋ ๋ฐฉ๋ฒ์ ๋ค๋ฃจ๋ CSS ๋ชจ๋์
๋๋ค. <color> ๊ฐ์ ์ทจํ๋ ๋ชจ๋ CSS ์์ฑ์ด ์ด ๋ชจ๋์ ์ํ๋๊ฑด ์๋์ง๋ง ์์กด์ฑ์ ๊ฐ์ง๊ณ ์์ต๋๋ค. |
||
57 | CSS Conditional Rules | CSS, CSS Conditional Rules, Overview, Reference |
CSS Conditional Rules๋ ํ๋ก์ธ์ ๋๋ ์คํ์ผ ์ํธ์ ์ ์ฉ๋๋ ๋ฌธ์์ ๊ธฐ๋ฅ์๋ง ๊ธฐ๋ฐ์ ๋๋ ๊ท์น ์งํฉ์ ์ ์ํ ์ ์๋ CSS ๋ชจ๋์ ๋๋ค. | ||
58 | CSS Device Adaptation | CSS, CSS Device Adaptation, Overview, Reference |
CSS Device Adapation์ ๋ทฐํฌํธ์ ํฌ๊ธฐ, ์ค ๋ฐฐ์จ(factor) ๋ฐ ๋ฐฉํฅ์ ์ ์ํ ์ ์๋ CSS ๋ชจ๋์ ๋๋ค. | ||
59 | CSS Flexible Box Layout | CSS, CSS Flexible Boxes, Overview, Reference |
CSS Flexible Box Layout์ ์ฌ์ฉ์ ์ธํฐํ์ด์ค ๋์์ธ๊ณผ ๋จ๋ฐฉํฅ ๋ ์ด์์์ ์ต์ ํ๋ CSS ๋ชจ๋์ ๋๋ค. ํ๋ ์ค ๋ ์ด์์ ๋ชจ๋ธ์์๋, ํ๋ ์ค ์ปจํ ์ด๋์ ์์์ ์ด๋ค ๋ฐฉํฅ์ผ๋ก๋ ๋ฐฐ์นํ ์ ์์ผ๋ฉฐ, ์์์ ํฌ๊ธฐ๋ ์ ์ฐํ๊ฒ("ํ๋ ์๋ธ") ๋น ๊ณต๊ฐ์ ์ฑ์ฐ๊ฑฐ๋, ์ปจํ ์ด๋๋ฅผ ๋์ด๊ฐ์ง ์๋๋ก ์ค์ด๋ญ๋๋ค. ์์ ๊ฐ์ ์ํ ๋ฐ ์์ง ์ ๋ ฌ ๋ํ ์ฝ๊ฒ ์กฐ์ํ ์ ์์ต๋๋ค. | ||
60 | Aligning Items in a Flex Container | |
flexbox๊ฐ ์น ๊ฐ๋ฐ์๋ค์ ๊ด์ฌ ๋ฐ๊ฒ๋ ์ด์ ์ค ํ๋๋ ์น ์ต์ด๋ก ์ต์ด๋ก ์ ์ ํ ์ ๋ ฌ ๊ธฐ๋ฅ์ ์ ๊ณตํ๊ธฐ ๋๋ฌธ์ ๋๋ค. flexbox์ ์์ง ์ ๋ ฌ ๊ธฐ๋ฅ์ ์ด์ฉํ์ฌ ์ฐ๋ฆฌ๋ ๋๋์ด ์ฝ๊ฒ ๋ฐ์ค(์ญ์ฃผ: ์ฌ๊ธฐ์ ๋ฐ์ค๋ flex ์ปจํ ์ด๋๋ฅผ ์๋ฏธํฉ๋๋ค) ๋ด๋ถ๋ฅผ ์ค์ ์ ๋ ฌ ํ ์ ์๊ฒ ๋์์ต๋๋ค. ์ด ๊ฐ์ด๋์์ ์ฐ๋ฆฌ๋ flexbox์ ์ ๋ ฌ ๋ฐ ๋ ๋ง์ถ๊ธฐ ๊ธฐ๋ฅ์ ๋ํด ์์ธํ ์ดํด๋ณผ ๊ฒ์ ๋๋ค. | ||
61 | flexbox์ ๊ธฐ๋ณธ ๊ฐ๋ | |
์ผ๋ช flexbox๋ผ ๋ถ๋ฆฌ๋ Flexible Box module์ flexbox ์ธํฐํ์ด์ค ๋ด์ ์์ดํ ๊ฐ ๊ณต๊ฐ ๋ฐฐ๋ถ๊ณผ ๊ฐ๋ ฅํ ์ ๋ ฌ ๊ธฐ๋ฅ์ ์ ๊ณตํ๊ธฐ ์ํ 1์ฐจ์ ๋ ์ด์์ ๋ชจ๋ธ ๋ก ์ค๊ณ๋์์ต๋๋ค. ์ด ๊ธ์์๋ flexbox์ ์ฃผ์ ๊ธฐ๋ฅ์ ๋ํ ๊ฐ์๋ฅผ ๋ค๋ฃน๋๋ค. ๋ ์์ธํ ๋ด์ฉ์ ๊ฐ์ด๋์ ๋ค๋ฅธ ๊ธ์์ ํ๊ตฌํ๊ฒ ๋ ๊ฒ์ ๋๋ค. | ||
62 | CSS Flow Layout | CSS ํ๋ฆ ๋ ์ด์์, ํ๋ฆ |
์ผ๋ฐ์ ์ธ ํ๋ฆ Normal Flow, ๋๋ ํ๋ฆ ๋ ์ด์์ Flow Layout ์ ๊ทธ ๋ ์ด์์ ๋ณํ๊ฐ ์๊ธฐ ์ ๊น์ง ํ์ด์ง ์์ ๋ธ๋ก ์์์ ์ธ๋ผ์ธ ์์๊ฐ ๋ณด์ฌ์ง๋ ๋ฐฉ์ ์ ๋๋ค. ํ๋ฆ์ด๋ ๋ณธ์ง์ ์ผ๋ก ๋ ์ด์์ ์๋ ์๋ก ๊ฐ์ด ๋์ํ๊ณ ์๋ก์๊ฒ ์๋ก๊ฐ ์๋ ค์ง๋ ๊ฒ๋ค์ ์งํฉ ์ ๋๋ค. ๋ง์ฝ์ ์ด๋ ํ๋๊ฐ ํ๋ฆ์์ ๋ฒ์ด๋๋ฉด ๊ทธ๊ฒ์ ๋ ๋ฆฝ์ ์ผ๋ก ๋์ํ๊ฒ ๋ฉ๋๋ค. | ||
63 | Introduction to formatting contexts | |
์ด ์๋ฃ๋ ์์ํ ๋ฌธ๋งฅ formatting contexts ์ ๊ฐ๋ ๊ณผ ๊ทธ๊ฒ์ ์ข ๋ฅ์ธ ๋ธ๋ก ์์ํ ๋ฌธ๋งฅ block formatting contexts, ์ธ๋ผ์ธ ์์ํ ๋ฌธ๋งฅ inline formatting contexts, ๊ทธ๋ฆฌ๊ณ ํ๋ ์ค ์์ํ ๋ฌธ๋งฅ flex formatting contexts ์ ๋ํด ์ค๋ช ํฉ๋๋ค. ๊ฐ ์์ํ ๋ฌธ๋งฅ์ ๊ธฐ์ด ๋์์ ์ค๋ช ํ๊ณ , ๊ทธ ๋์์ ์ด๋ป๊ฒ ์ฌ์ฉํ ์ ์๋์ง์ ๋ํด๋ ์ค๋ช ํฉ๋๋ค. | ||
64 | CSS Fonts | CSS, CSS Fonts, Overview, Reference |
CSS Fonts๋ ๊ธ๊ผด ๊ด๋ จ ์์ฑ ๋ฐ ๊ธ๊ผด ์์์ด ๋ก๋๋๋ ๋ฒ์ ์ ์ํ๋ CSS ๋ชจ๋์ ๋๋ค. ์ด๋ ๊ธ๊ผด์ ์คํ์ผ์ ์ ์ํ ์ ์์ต๋๋ค, ๊ธ๊ผด ํจ๋ฐ๋ฆฌ, ํฌ๊ธฐ ๋๋ ๊ตต๊ธฐ ๋ฐ ํ ๋ฌธ์์ ์ฌ๋ฌ ์์ฒด(glyph)๊ฐ ์๋ ๊ธ๊ผด์ ์ฌ์ฉ๋๋ ์ดํ(variant) ์์ฒด์ ๊ฐ์ ์ค๋์ด๋ ์ ์ํ ์ ์์ต๋๋ค. | ||
65 | CSS Generated Content | CSS, CSS Generated Content, Overview, Reference |
CSS Generated Content๋ ์์์ ์ฝํ ์ธ ๋ฅผ ์ถ๊ฐํ๋ ๋ฒ์ ์ ์ํ๋ CSS ๋ชจ๋์ ๋๋ค. | ||
66 | CSS Images | CSS, CSS Images, Overview, Reference |
CSS Images๋ ์ฌ์ฉ๋ ์ ์๋ ์ด๋ฏธ์ง ์ ํ(<image> ์ ํ, ํฌํจํ๋ URL, ๊ทธ๋ฌ๋ฐ์ด์
๋ฐ ๋ค๋ฅธ ์ ํ์ ์ด๋ฏธ์ง), ํฌ๊ธฐ ์กฐ์ ๋ฐฉ๋ฒ ๋ฐ ์ด๋ฏธ์ง์ ๋ค๋ฅธ ๋์ฒด ์ฝํ
์ธ ๊ฐ ์๋ก ๋ค๋ฅธ ๋ ์ด์์ ๋ชจ๋ธ๊ณผ ์ํธ์์ฉํ๋ ๋ฒ์ ์ ์ํ๋ CSS ๋ชจ๋์
๋๋ค. |
||
67 | CSS๋ก ์ด๋ฏธ์ง ์คํ๋ผ์ดํธ ๊ตฌํํ๊ธฐ | Advanced, CSS, CSS Image, CSS ์ด๋ฏธ์ง, Graphics, Guide, Sprites, Web, ์คํ๋ผ์ดํธ |
์ด๋ฏธ์ง ์คํ๋ผ์ดํธ๋ ์ฌ๋ฌ ๊ฐ์ ์ด๋ฏธ์ง๋ค์ด ํ์ํ ์์ฃผ ๋ง์ ์น์ฑ์์ ์ฌ์ฉ๋ฉ๋๋ค. ์ด๋ฏธ์ง ๊ฐ๊ฐ์ ๋ณ๋์ ํ์ผ๋ก ํฌํจ์ํค๋ ๋์ , ์ด๋ฏธ์ง๋ค์ ํ๋์ ํ์ผ๋ก ๋ง๋ค์ด์ ํฌํจ์ํค๋ฉด HTTP ๋ฆฌํ์คํธ ์๊ฐ ์ค๊ธฐ ๋๋ฌธ์ ๋ฉ๋ชจ๋ฆฌ์ ๋คํธ์ํฌ ์ฌ์ฉ๋ ์ธก๋ฉด์์ ํจ์จ์ ์ ๋๋ค. | ||
68 | CSS Lists and Counters | CSS, CSS Lists, Overview, Reference |
CSS Lists๋ ๋ฆฌ์คํธ ๋ฐฐ์น ๋ฐฉ๋ฒ, ๋ฆฌ์คํธ ๋ง์ปค๋ฅผ ์คํ์ผ ํ ์ ์๋ ๋ฒ์ ์ ์ํ๋ CSS ๋ชจ๋์ ๋๋ค. | ||
69 | CSS ์นด์ดํฐ ์ฌ์ฉํ๊ธฐ | CSS, CSS Counter Styles, Guide, Layout, Reference, Web, ๋ฒํธ, ์นด์ดํฐ |
CSS counters๋ฅผ ์ฌ์ฉํ๋ฉด ๋ฌธ์์์์ ์์น์ ๋ฐ๋ผ ์ฝํ ์ธ ์ ๋ชจ์์ ์กฐ์ ํ ์ ์์ต๋๋ค. ์๋ฅผ ๋ค์ด, counters๋ฅผ ์ฌ์ฉํด ์นํ์ด์ง์ ์ ๋ชฉ์ ์๋์ผ๋ก ๋ฒํธ๋ฅผ ๋งค๊ธธ ์ ์์ต๋๋ค. Counters๋ ์์๊ฐ ๋ช ๋ฒ์ด๋ ์ฌ์ฉ๋์๋์ง ์ถ์ ํ์ฌ CSS ๊ท์น์ ๋ฐ๋ผ ์ฆ๊ฐํ๋ฉฐ, ๋ณธ์ง์ ์ผ๋ก ๋ณ์์ ๋๋ค. | ||
70 | CSS Logical Properties and Values | CSS, CSS Logical Properties, Overview, Reference |
CSS Logical Properties and Values๋ ๋ ์ด์์์ ์ ์ดํ๋ ๋ฌผ๋ฆฌ ์์ฑ์ ๋ ผ๋ฆฌ ๋งตํ์ ์ ์ํ๋ CSS ๋ชจ๋์ ๋๋ค. | ||
71 | CSS Masking | CSS, CSS Masking, Overview, Reference |
CSS Masking์ ๋ง์คํน ๋ฐ ํด๋ฆฌํ์ ํฌํจํด ์๊ฐ ์์์ ๋ถ๋ถ ๋๋ ์ ์ฒด๋ฅผ ์จ๊ธฐ๊ธฐ ์ํ ์๋จ์ ์ ์ํ๋ CSS ๋ชจ๋์ ๋๋ค. | ||
72 | CSS Miscellaneous | CSS, Overview, Reference |
์ด ํ์ด์ง๋ ํ์ฐธ ์คํ ์ค์ด๊ฑฐ๋ ๋ค๋ฅธ ์ด๋ค ๋ถ๋ฅ์๋ ๋ง์ง ์์ CSS ์์ฑ์ ํฌํจํฉ๋๋ค. | ||
73 | CSS Multi-column Layout | CSS, CSS Multi-column Layout, Layout, Overview, Reference |
CSS Multi-column Layout์ ๋ค๋จ ๋ ์ด์์์ ์ ์ํ๋ CSS ๋ชจ๋์ ๋๋ค. ๋ ์ด์์์์ ๋จ์ ์ซ์์ ์ฝํ ์ธ ๊ฐ ํ๋์ ๋จ์์ ๋ค๋ฅธ ๋จ์ผ๋ก ํ๋ฅด๋ ๋ฐฉ์, ๋จ ์ฌ์ด์ ๊ฐ๊ฒฉ, ๊ตฌ๋ถ์ ๊ณผ ๊ตฌ๋ถ์ ์ ๋ชจ์ ๋ฑ์ ์ง์์ ํฌํจํ๊ณ ์์ต๋๋ค. | ||
74 | CSS Namespaces | CSS, CSS Namespaces, Overview, Reference |
CSS Namespaces๋ CSS์์ XML ๋ค์์คํ์ด์ค๋ฅผ ์ง์ ํ ์ ์๋ CSS ๋ชจ๋์ ๋๋ค. | ||
75 | CSS Paged Media | CSS, CSS Paged Media, CSS Reference, Overview |
CSS Paged Media๋ ํ์ด์ง ์ ํ์ ์ฒ๋ฆฌํ๋ ๋ฐฉ๋ฒ์ ์ ์ํ๋ CSS ๋ชจ๋์ ๋๋ค. | ||
76 | CSS Positioning | CSS, CSS Positioning, Overview, Reference |
CSS Positioning์ ์์๋ฅผ ํ์ด์ง์ ๋ฐฐ์นํ๋ ๋ฐฉ๋ฒ์ ์ ์ํ๋ CSS ๋ชจ๋์ ๋๋ค. | ||
77 | CSS Ruby | CSS, CSS Ruby, Overview, Reference |
CSS Ruby๋ ํ๊ฐ ์ฃผ์์ ํํ๋ก ๊ธฐ๋ณธ ํ ์คํธ์ ํจ๊ป ์๊ฒ ์คํ๋๋ ํ ์คํธ์ธ ruby ์ฃผ์ ํ์์ ๊ด๋ จ๋ ๋ ๋๋ง ๋ชจ๋ธ ๋ฐ ์์ ์ปจํธ๋กค์ ์ ๊ณตํ๋ CSS ๋ชจ๋์ ๋๋ค. | ||
78 | CSS Scroll Snap Points | CSS, CSS Scroll Snap, Overview, Reference |
CSS Scroll Snap Points๋ ๋ฌผ๋ฆฌ๋ณด๋ค๋ ๋ ผ๋ฆฌ์ ๋ฐฉํฅ๊ณผ ์ฐจ์ ๋งตํ์ ํตํด ๋ ์ด์์์ ์ ์ดํ๋ ๋ฅ๋ ฅ์ ์ ๊ณตํ๋ ์์ฑ ๋ฐ ๊ฐ์ ์ ์ํ๋ CSS ๋ชจ๋์ ๋๋ค. | ||
79 | CSS Shapes | CSS, CSS Shapes, Overview, Reference |
CSS Shapes๋ CSS์์ ์ฌ์ฉํ๊ธฐ ์ํ ๊ธฐํํ์ ๋ํ์ ์ค๋ช ํ๋ค. ๋ ๋ฒ1 ๋ช ์ธ์ ์ํ๋ฉด ๋ ์๋ ์์์ CSS Shapes๋ฅผ ์ ์ฉํ ์ ์๋ค. ๋ช ์ธ์ ์ ์์ ์ํ๋ฉด ๋ ์๋ ์์์ ๋ชจ์์ ์ ์ ํ๊ฑฐ๋ ์์ ์์์ ์ฌ๊ฐํ์ ๋ฐ๋ฅด๋ ๋์ ํ ๋๋ฆฌ ์ ์ ๋ฐ๋ผ ๊ฐ์ธ์ง๋๋ก ํ๋ ๋ฐฉ๋ฒ ๋ฑ ๋ค์ํ ๋ฐฉ๋ฒ์ ์ ์ํ๊ณ ์๋ค. | ||
80 | CSS Table | CSS, CSS Table, Overview, Reference |
CSS Table์ ํ ๋ฐ์ดํฐ ๋ฐฐ์น๋ฒ์ ์ ์ํ๋ CSS ๋ชจ๋์ ๋๋ค. | ||
81 | CSS Text | CSS, CSS Text, Overview |
CSS Text๋ ์ค ๋ฐ๊ฟ, ์ ๋ ๋ฐ ์ ๋ ฌ, ๊ณต๋ฐฑ ์ฒ๋ฆฌ ๋ฐ ํ ์คํธ ๋ณํ ๊ฐ์ ํ ์คํธ ์กฐ์์ ์ํํ๋ ๋ฒ์ ์ ์ํ๋ CSS ๋ชจ๋์ ๋๋ค. | ||
82 | CSS Text Decoration | CSS, CSS Text Decoration, Overview, Reference |
CSS Text Decoration์ ๋ฐ์ค, ํ ์คํธ ๊ทธ๋ฆผ์ ๋ฐ ๊ฐ์กฐ ํ์ ๋ฑ ํ ์คํธ ์ฅ์์ ๊ด๋ จ๋ ๊ธฐ๋ฅ์ ์ ์ํ๋ CSS ๋ชจ๋์ ๋๋ค. | ||
83 | CSS Transforms | CSS, CSS Transforms, Overview, Reference |
CSS Transforms is a module of CSS that defines how elements styled with CSS can be transformed in two-dimensional or three-dimensional space. | ||
84 | CSS transform ์ฌ์ฉํ๊ธฐ | 3D, Advanced, CSS, CSS Transforms, Graphics, Guide |
CSS ๋ณํ(transform)์ ์ขํ๊ณต๊ฐ์ ๋ณํํจ์ผ๋ก์จ ์ผ๋ฐ์ ์ธ ๋ฌธ์ ํ๋ฆ์ ๋ฐฉํดํ์ง ์๊ณ ์ฝํ ์ธ ์ ํํ์ ์์น๋ฅผ ๋ฐ๊ฟ๋๋ค. ๋ณธ ๊ฐ์ด๋๋ ๋ณํ ์ฌ์ฉ๋ฒ์ ๊ธฐ์ด๋ฅผ ์ ์ํฉ๋๋ค. | ||
85 | CSS Transitions | CSS, CSS Transitions, Overview, Reference |
CSS Transitions๋ ํน์ CSS ์์ฑ์ ๊ฐ์ ์ ์ง์ ์ผ๋ก ๋ฐ๊ฟ ์ ์๋ CSS ๋ชจ๋์ ๋๋ค. ํ์ด๋ฐ ํจ์, ์๊ฐ ๋ฑ ์ฌ๋ฌ ์์ฑ์ ํตํด ๊ฐ์ด ๋ฐ๋๋ ๋ฐฉ์์ ์กฐ์ ํ ์ ์์ต๋๋ค. | ||
86 | CSS ํธ๋์ง์ ์ฌ์ฉํ๊ธฐ | Advanced, CSS, CSS Transitions, Guide |
CSS ํธ๋์ง์ ์ CSS ์์ฑ์ ๋ณ๊ฒฝํ ๋ ์ ๋๋ฉ์ด์ ์๋๋ฅผ ์กฐ์ ํ๋ ๋ฐฉ๋ฒ์ ์ ๊ณตํฉ๋๋ค. ์์ฑ ๋ณ๊ฒฝ์ด ์ฆ์ ์ํฅ์ ๋ฏธ์น๊ฒ ํ๋ ๋์ , ๊ทธ ์์ฑ์ ๋ณํ๊ฐ ์ผ์ ๊ธฐ๊ฐ์ ๊ฑธ์ณ ์ผ์ด๋๋๋ก ํ ์ ์์ต๋๋ค. ์๋ฅผ ๋ค์ด, ์ฌ๋ฌ๋ถ์ด ์ด๋ค ์์์ ์์์ ํฐ์์์ ๊ฒ์์์ผ๋ก ๋ณ๊ฒฝํ๋ค๋ฉด, ๋ณํ๋ ๋๊ฐ ์ฆ์ ์ผ์ด๋ฉ๋๋ค. CSS ํธ๋์ง์ ์ ์ด์ฉํ๋ฉด, ๋ชจ๋ ์ปค์คํฐ๋ง์ด์ฆ ๊ฐ๋ฅํ ์ด๋ค ๊ฐ์๋ ๊ณก์ ์ ๋ฐ๋ฅด๋ ์๊ฐ ์ฃผ๊ธฐ๋ง๋ค ๋ณํ๊ฐ ์ผ์ด๋ฉ๋๋ค. | ||
87 | CSS Writing Modes | CSS, CSS Writing Modes, Overview, Reference |
CSS Writing Modes๋ ๋ค์ํ ๊ตญ์ ์ฐ๊ธฐ ๋ชจ๋๋ฅผ ์ ์ํ๋ CSS ๋ชจ๋์ ๋๋ค, ์ข์์ ์ฐ(๊ฐ๋ น Latin ๋ฐ Indic ์คํฌ๋ฆฝํธ์ ์ฌ์ฉ๋จ), ์ฐ์์ ์ข(๊ฐ๋ น Hebrew ๋๋ Arabic ์คํฌ๋ฆฝํฐ์ ์ฌ์ฉ๋จ), ์๋ฐฉํฅ(์ข์์ ์ฐ ๋ฐ ์ฐ์์ ์ข ์คํฌ๋ฆฝํธ๋ฅผ ์์ ๋ ์ฌ์ฉ๋จ) ๋ฐ ์ธ๋ก(๊ฐ๋ น ์ผ๋ถ Asian ์คํฌ๋ฆฝํธ์ ์ฌ์ฉ๋จ) ๋ฑ. | ||
88 | CSS animated properties | CSS |
์ผ๋ถ CSS ์์ฑ์ ์ ๋๋ฉ์ด์ ๋ ์ ์์ต๋๋ค, ์ฆ ๊ทธ ๊ฐ์ ๋ฐ๊ฟ ๋ CSS animation ๋๋ CSS transition์ด ์ฌ์ฉ๋ ๊ฒฝ์ฐ ๋ถ๋๋ฌ์ด ๋ฐฉ์์ผ๋ก ๋ฐ๊ฟ ์ ์์ต๋๋ค. | ||
89 | CSS documentation index | CSS, Index, MDN Meta |
Found 236 pages: | ||
90 | CSS z-index ์ดํดํ๊ธฐ | |
์ฐ๋ฆฌ๋ค์ HTML ํ์ด์ง๋ฅผ 2์ฐจ์ ํ๋ฉด์ผ๋ก ์๊ฐํ๋ค. ์๋ํ๋ฉด ์ฌ๋ฌ ํ ์คํธ, ์ด๋ฏธ์ง์ ๋ค๋ฅธ ์๋ฆฌ๋จผํธ๋ค์ด ์๋ก ๊ฒน์น์ง ์๊ณ ๋ฐฐ์ด๋๊ธฐ ๋๋ฌธ์ด๋ค. ํ๋์ ๋ ๋๋ง ํ๋ฆ๋ง์ด ์กด์ฌํ๋ฉฐ ๋ชจ๋ ์๋ฆฌ๋จผํธ๋ค์ ๋ค๋ฅธ ์๋ฆฌ๋จผํธ๋ค์ด ์ด๋ค ๊ณต๊ฐ์ ์ฐจ์งํ๊ณ ์๋์ง ์๊ณ ์๋ค. | ||
91 | floating ์๋ฆฌ๋จผํธ์ ์์ | |
floating ์๋ฆฌ๋จผํธ๋ค์ ์์ ์์๋ ์ฝ๊ฐ ๋ค๋ฅด๋ค. floating ์๋ฆฌ๋จผํธ๋ค์ position์ด ์ง์ ๋ ๋ธ๋ก๊ณผ ์ง์ ๋์ง ์์ ๋ธ๋ก ์ฌ์ด์ ์์ธ๋ค. | ||
92 | z-index ์ ์ฉ | |
์ฒ์ ์์ ์์(z-index๊ฐ ์๋ ๊ฒฝ์ฐ์ ์์) ์๋ฆฌ๋จผํธ๋ค์ด ๊ธฐ๋ณธ์ ์ผ๋ก ์ด๋ป๊ฒ ์์ด๋์ง ์ค๋ช
ํ๋ค. ๋ง์ฝ ๋ค๋ฅธ ์์ ์์๋ฅผ ์ ์ฉํ๊ณ ์ถ๋ค๋ฉด ๋จผ์ ์๋ฆฌ๋จผํธ์ position ์์ฑ์ ์ง์ ํ๊ณ z-index ์์ฑ์ ์ง์ ํด์ผํ๋ค. |
||
93 | z-index๊ฐ ์๋ ๊ฒฝ์ฐ์ ์์ | |
๋ง์ฝ ๋ชจ๋ ์๋ฆฌ๋จผํธ๋ค์ z-index๊ฐ ์ง์ ๋์ง ์์์ ๊ฒฝ์ฐ์๋ ์๋ฆฌ๋จผํธ๋ค์ด ๋ค์ ์์๋ก ์๋์์๋ถํฐ ์๋ก ์์ธ๋ค. | ||
94 | ์์ ๋งฅ๋ฝ | Advanced, CSS, Guide, Reference |
์์ ๋งฅ๋ฝ(stacking context) is a three-dimensional conceptualization of HTML elements along an imaginary z-axis relative to the user, who is assumed to be facing the viewport or the webpage. HTML elements occupy this space in priority order based on element attributes. | ||
95 | ์์ ๋งฅ๋ฝ ์์ 1 | |
๊ธฐ๋ณธ ์์ ๋ถํฐ ์์ํ์. ์์ ๋งฅ๋ฝ์ ๋ฟ๋ฆฌ์๋ ๋๊ฐ์ DIV #1๊ณผ DIV #3๊ฐ ์๋ค. ๋ DIV๋ ๋ชจ๋ position ์์ฑ ๊ฐ์ด relative๋ก ์ง์ ๋์์ง๋ง z-index ์์ฑ ๊ฐ์ ์ง์ ๋์ง ์์๋ค. DIV #1 ์์๋ position ์์ฑ ๊ฐ์ด absolute๋ก ์ง์ ๋ DIV #2๊ฐ ์๊ณ DIV #3 ์์๋ position ์์ฑ ๊ฐ์ด absolute๊ฐ ์ง์ ๋ DIV #4๊ฐ ์๋ค. DIV #2์ใ DIV #4 ๋ชจ๋ z-index ์์ฑ ๊ฐ์ ์ง์ ๋์ง ์์๋ค. | ||
96 | ์์ ๋งฅ๋ฝ ์์ 2 | |
๊ต์ฅํ ๊ฐ๋จํ์ง๋ง ์์ ๋งฅ๋ฝ์ ์ดํดํ๋๋ฐ ๋์์ด ๋๋ ์์ ๋ฅผ ํ๋ ์๊ฐํ๋ ค ํ๋ค. ์ด์ ์์ ์์ ๋ณธ 4๊ฐ์ DIV๊ฐ ์๋ค. ์ด๋ฒ์๋ ๋ ๋ ๋ฒจ์ DIV ๋ชจ๋ z-index ์์ฑ ๊ฐ์ ์ง์ ํ๋ค. | ||
97 | ์์ ๋งฅ๋ฝ ์์ 3 | |
๋ง์ง๋ง ์์ ๋ ๋ฉํฐ ๋ ๋ฒจ HTML ๊ณ์ธต ๊ตฌ์กฐ์์ z-index ์์ฑ ๊ฐ์ ์ง์ ํ ๋ ์๊ธฐ๋ ๋ฌธ์ ์ ๋ํด ๋ค๋ฃฐ ๊ฒ์ด๋ค. | ||
98 | CSS ๊ทธ๋ฆฌ๋ ๋ ์ด์์ | CSS, Grid Layout, Grids, ๊ฐ์, ๊ทธ๋ฆฌ๋, ๊ทธ๋ฆฌ๋ ๋ ์ด์์, ๋ ์ด์์, ์ฐธ๊ณ |
CSS ๊ทธ๋ฆฌ๋ ๋ ์ด์์(Grid Layout)์ ํ์ด์ง๋ฅผ ์ฌ๋ฌ ์ฃผ์ ์์ญ์ผ๋ก ๋๋๊ฑฐ๋, ํฌ๊ธฐ์ ์์น ๋ฐ ๋ฌธ์ ๊ณ์ธต ๊ตฌ์กฐ์ ๊ด์ ์์ HTML ๊ธฐ๋ณธ ์์๋ก ์์ฑ๋ ์ฝํธ๋กค ๊ฐ์ ๊ด๊ณ๋ฅผ ์ ์ํ๋ ๋ฐ ์์ฃผ ํ์ํฉ๋๋ค. | ||
99 | Basic concepts of grid layout | CSS, CSS ๊ทธ๋ฆฌ๋, ๊ฐ์ด๋, ๋ ์ด์์ |
CSS ๊ทธ๋ฆฌ๋ ๋ ์ด์์(Grid Layout)์ CSS์ 2์ฐจ์์ ๊ทธ๋ฆฌ๋ ์์คํ ์ ๋์ ํ์ต๋๋ค. ๊ทธ๋ฆฌ๋๋ ์ฃผ์ ํ์ด์ง ์์ญ์ ์ค๊ณํ๊ฑฐ๋ ์์ ์ฌ์ฉ์ ์ธํฐํ์ด์ค ์์๋ฅผ ๋ฐฐ์นํ๋ ๋ฐ ์ฌ์ฉํ ์ ์์ต๋๋ค. ์ด ๋ฌธ์์์๋ CSS ๊ทธ๋ฆฌ๋ ๋ ์ด์์ ๋ฐ CSS ๊ทธ๋ฆฌ๋ ๋ ์ด์์ ๋ ๋ฒจ 1 ๋ช ์ธ์์ ํฌํจ๋ ์๋ก์ด ๊ธฐ์ ์ฉ์ด๋ฅผ ์๊ฐํฉ๋๋ค. ์ด๋ฒ ๊ฐ์์ ์๊ฐ๋ ๊ธฐ๋ฅ์ ๋๋จธ์ง ์๋ด ๋ฌธ์์์ ์์ธํ ์ค๋ช ํฉ๋๋ค. | ||
100 | Grid template areas | CSS, CSS Grids, Guide |
์ด์ ๊ฐ์ด๋์์ ์ฐ๋ฆฌ๋ ๊ทธ๋ฆฌ๋ ๋ผ์ธ์ ๋ํด์ ์ดํด๋ณด์์ผ๋ฉฐ, ์ด ๋ผ์ธ์ ๊ธฐ์ค์ผ๋ก ์ด๋ป๊ฒ ์์ดํ ๋ค์ ๋ฐฐ์นํ๋์ง ์์๋ณด์์ต๋๋ค. CSS ๊ทธ๋ฆฌ๋ ๋ ์ด์์์ผ๋ก ์์ ํ ๋ ๊ฑฐ๊ธฐ์ ํญ์ ๋ผ์ธ์ด ์์ ๊ฒ์ด๊ณ , ์ด๊ฒ์ ์์ดํ ๋ค์ ๊ทธ๋ฆฌ๋์ ๋ฐฐ์นํ ๋ ์ฌ์ฉํ ์ ์๋ ์์ฃผ ์ง๊ด์ ์ธ ๋ฐฉ๋ฒ์ด ๋ ์ ์์ต๋๋ค. ๊ทธ๋ ์ง๋ง, ์์ดํ ์ ๊ทธ๋ฆฌ๋์ ๋ฐฐ์นํ ๋ ์ฌ์ฉํ ์ ์๋ ๋ ๋ค๋ฅธ ๋ฐฉ๋ฒ์ด ์๋๋ฐ, ์ด๊ฒ์ ๋ ์์ ์ผ๋ก ํน์ ๋ผ์ธ ๊ธฐ์ค ๋ฐฐ์น ๋ฐฉ๋ฒ๊ณผ ํจ๊ป ํผ์ฉํด์ ์ฌ์ฉํ ์ ์์ต๋๋ค. ์ด ๋ฐฉ๋ฒ์ ์ด๋ฆ์ด ์ง๋ช ๋ ํ ํ๋ฆฟ ์์ญ์ ์ฌ์ฉํ์ฌ ์์ดํ ์ ๋ฐฐ์นํ๋ ์์ ๊ณผ ์ฐ๊ด๋ผ ์์ผ๋ฉฐ, ์ด ๋ฐฉ๋ฒ์ด ์ ํํ ์ด๋ป๊ฒ ์๋ํ๋์ง ์์๋ณด๊ฒ ์ต๋๋ค. ์ด๊ฒ์ด ๋๋๋ก ์ ๊ทธ๋ฆฌ๋ ๋ ์ด์์์ ascii-art ๋ฐฉ์์ด๋ผ๊ณ ์ผ์ปฌ์ด์ง๋์ง ์ฝ๊ฒ ๋์น์ฑ์ค ์ ์์ ๊ฒ๋๋ค! | ||
101 | Layout using named grid lines | CSS, CSS Grids, Guide |
์ด์ ๊ฐ์ด๋์์ ๊ทธ๋ฆฌ๋ ํธ๋์ ์ ์ํ๋ฉด ์์ฑ๋๋ ๋ผ์ธ์ ์ฌ์ฉํด์ ์์ดํ ์ ๋ฐฐ์นํ๋ ๋ฒ์ ์ดํด๋ณด์์ผ๋ฉฐ, ๋ํ ์ด๋ฆ์ด ๋ช ๋ช ๋ ํ ํ๋ฆฟ ์์ญ์ ๊ฐ์ง๊ณ ์ด๋ป๊ฒ ์์ดํ ๋ค์ ๋ฐฐ์นํ๋์ง๋ ์์๋ณด์์ต๋๋ค. ์ด๋ฒ ๊ฐ์ด๋์์ ์ด๋ฆ์ด ์ฃผ์ด์ง ๋ผ์ธ์ ์ฐ๋ ์ํฉ์์ ์ด ๋ ๊ฐ์ง ๋ฐฉ๋ฒ์ด ์๋ก ์ด๋ป๊ฒ ์์ฉํ๋์ง ์์๋ณด๊ฒ ์ต๋๋ค. ๋ผ์ธ์ ์ด๋ฆ์ ์ง์ด ์ฃผ๋ ๊ฒ์ด ๋งค์ฐ ์ ์ฉํ ๋๋ ์์ง๋ง, ์ด๋ฆ๊ณผ ํธ๋ ํฌ๊ธฐ๊ฐ ํผํฉ๋ผ์ ์ฌ์ฉ๋๋ ๊ทธ๋ฆฌ๋ ์ฉ๋ฒ์ ๋ณด๊ณ ์์ผ๋ฉด ๋งค์ฐ ํท๊ฐ๋ฆด ์๋ ์์ต๋๋ค. ํ์ง๋ง ๋ช ๊ฐ์ง ์์ ๋ฅผ ๊ฐ์ง๊ณ ์์ ํด ๋ณด์๋ฉด ์ ์ ๋ช ํํด์ง๋ฉด์ ๋์ค์ ์์ ํ๊ธฐ๋ ํจ์ฌ ์์ํด์ง์ค ๊ฒ๋๋ค. | ||
102 | Line-based placement with CSS Grid | CSS, CSS Grids, Guide |
๊ทธ๋ฆฌ๋ ๋ ์ด์์์ ๊ธฐ๋ณธ ๊ฐ๋ ์ ๋ค๋ฃฌ ๋ฌธ์์์ ๋ผ์ธ ๋ฒํธ๋ฅผ ์ฌ์ฉํ์ฌ ๊ทธ๋ฆฌ๋์ ์์ดํ ์ ๋ฐฐ์นํ๋ ๋ฐฉ๋ฒ์ ์ ๊น ์ดํด๋ณธ ์ ์ด ์์ต๋๋ค. ์ด๋ฒ ๋ฌธ์์์๋ ์ด ๊ธฐ๋ณธ์ ๊ธฐ๋ฅ์ด ์ด๋ป๊ฒ ์๋ํ๋์ง๋ฅผ ์์ธํ ์ดํด๋ณด๊ฒ ์ต๋๋ค. | ||
103 | Relationship of grid layout to other layout methods | CSS, CSS Grids, Guide |
CSS ๊ทธ๋ฆฌ๋ ๋ ์ด์์์ ๋ ์ด์์ ์์ ์ ์ํ ์ ์ฒด ์์คํ ์ค์ ์ผ๋ถ๋ก์, ๋ค๋ฅธ CSS ๊ธฐ์ ๊ณผ ํจ๊ป ์ด์ฐ๋ฌ์ ธ ์๋ํ๋๋ก ์ค๊ณ๋์์ต๋๋ค. ์ด๋ฒ ๊ฐ์ด๋์์๋ ์ด๋ฏธ ์ฌ์ฉํ๊ณ ๊ณ์ ๋ค๋ฅธ ๊ธฐ์ ๊ณผ ๊ทธ๋ฆฌ๋๊ฐ ์ด๋ป๊ฒ ์ ์ด์ธ๋ฆฌ๋์ง ์ค๋ช ํด ๋๋ฆฌ๊ฒ ์ต๋๋ค. | ||
104 | CSS ๊ธฐ๋ณธ ์๋ฃํ | CSS, CSS Data Type, Overview, Reference |
CSS ๊ธฐ๋ณธ ์๋ฃํ์ CSS ์์ฑ๊ณผ ํจ์๊ฐ ๋ฐ์๋ค์ด๋ ์ผ๋ฐ์ ์ธ ๊ฐ(ํค์๋์ ๋จ์ ํฌํจ)์ ์ ์ํฉ๋๋ค. ๊ธฐ๋ณธ ์๋ฃํ์ component value type์ ํน๋ณํ ์ข ๋ฅ์ ๋๋ค. | ||
105 | CSS ๋ฐฐ๊ฒฝ ๋ฐ ํ ๋๋ฆฌ | CSS, CSS Backgrounds and Borders, Overview, Reference |
CSS Backgrounds and Borders๋ ์์์ ๋ฐฐ๊ฒฝ ๋ฐ ํ ๋๋ฆฌ๋ฅผ ๊พธ๋ฐ ์ ์๋ CSS ๋ชจ๋์ ๋๋ค. | ||
106 | ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง ํฌ๊ธฐ ์กฐ์ ํ๊ธฐ | CSS, CSS Background, Example, Guide, Intermediate, Reference, Web |
CSS ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง์ ๊ธฐ๋ณธ ์ค์ ๊ฐ์์๋ ์๋ณธ ์ด๋ฏธ์ง๊ฐ ํฌ๊ธฐ ๋ณํ ์์ด ๋ฐ๋ํ์์ผ๋ก ๋ฐฐ์ด๋ฉ๋๋ค. background-size ์์ฑ์ ๊ฐ๋ก์ ์ธ๋ก ํฌ๊ธฐ๋ฅผ ์ง์ ํด ํฌ๊ธฐ๋ฅผ ๋ฐ๊ฟ ์ ์์ต๋๋ค. |
||
107 | ํ ๋ฒ์ ์ฌ๋ฌ ๋ฐฐ๊ฒฝ ์ฌ์ฉํ๊ธฐ | CSS, CSS Background, Example, Guide, Reference |
์ฌ๋ฌ ๊ฐ์ ๋ฐฐ๊ฒฝ์ ํ ๋ฒ์ ์ ์ฉํ ์๋ ์์ต๋๋ค. ์ฒซ ๋ฒ์งธ ๋ฐฐ๊ฒฝ์ด ๋งจ ์์, ๋ง์ง๋ง ๋ฐฐ๊ฒฝ์ด ๋งจ ๋ฐ์ ์์นํ๋ ๋ ์ด์ด ๊ตฌ์กฐ๋ฅผ ์ฌ์ฉํ๊ฒ ๋ฉ๋๋ค. | ||
108 | CSS ์ ํ์ | |
์ ํ์๋ CSS ๊ท์น์กฐํฉ์ด ์ด๋ค ์์๋ค์ ์ ์ฉ๋ ์ง ์ ์ํ๋ค. | ||
109 | CSS ์ฐธ๊ณ ์ | CSS, Overview, Reference, l10n:priority |
CSS ์ฐธ๊ณ ์๋ฅผ ์ด์ฉํด ์ํ๋ฒณ ์์๋ก ์ ๋ฆฌํ ๋ชจ๋ ํ์ค CSS ์์ฑ, ๊ฐ์ ํด๋์ค, ๊ฐ์ ์์, CSS ์๋ฃํ๊ณผ @๊ท์น์ ์ฐพ์๋ณด์ธ์. ๋ํ ์ ํ๋ณ๋ก ์ ๋ฆฌํ ๋ชจ๋ CSS ์ ํ์์ ์ฃผ์ CSS ๊ฐ๋ ๋ ์ฐพ์๋ณผ ์ ์์ต๋๋ค. ์ถ๊ฐ๋ก ๊ฐ๋จํ DOM-CSS / CSSOM ์ฐธ์กฐ๋ ๋ค์ด ์์ต๋๋ค. | ||
110 | CSS3 | |
CSS3๋ Cascading Style Sheets(CSS) ์ธ์ด์ ๊ฐ์ฅ ์ต์ ๋ฒ์ ์ด๊ณ CSS2.1์ ์์ํ๋ ๊ฒ์ ๋ชฉํ๋ก ํฉ๋๋ค. CSS3๋ ๊ฐ๋ฐ์๋ค์ด ์ค๋ซ๋์ ๊ธฐ๋ค๋ ค์จ ์๋ก์ด ๊ธฐ๋ฅ๋ค์ ์ง์ํ๊ฒ ๋์์ต๋๋ค. ๋ค์ค์ด(rounded corners), ๊ทธ๋ฆผ์( shadows) , ๋ถ๋๋ฌ์ด ์์ ๋ณ์ด(gradients) , ๋ณ์ด(transitions), ์์ง์(animations) ๋ฑ๋ ์ง์ํฉ๋๋ค. | ||
111 | ID ์ ํ์ | CSS, Reference, Selectors |
CSS ID ์ ํ์๋ ์์์ id ์์ฑ ๊ฐ์ ๋น๊ตํ์ฌ ์์ ํ ๋์ผํ id ๋ฅผ ๊ฐ์ง ์์๋ฅผ ์ ํํฉ๋๋ค. |
||
112 | Media queries | CSS, CSS ๋ฏธ๋์ด ์ฟผ๋ฆฌ, Overview, ๋ ํผ๋ฐ์ค, ๋ฏธ๋์ด ์ฟผ๋ฆฌ, ๋ฐ์ํ ๋์์ธ |
๋ฏธ๋์ด ์ฟผ๋ฆฌ๋ ๋ค์ํ ๊ธฐ๊ธฐ ํน์ฑ๊ณผ ํ๋ผ๋ฉํฐ์ ์กด์ฌ ์ฌ๋ถ์ ๋ฐ๋ผ ์ฌ์ดํธ, ํน์ ์ฑ์ ์กฐ์ ํ ์ ์์ต๋๋ค. | ||
113 | ์ ๊ทผ์ฑ์ ์ํ ๋ฏธ๋์ด ์ฟผ๋ฆฌ ์ฌ์ฉํ๊ธฐ | @media, CSS, ๋ฏธ๋์ด ์์ฑ, ์ ๊ทผ์ฑ |
๋ฏธ๋์ด์ฟผ๋ฆฌ(Media Queries)๋ ์ฅ์ ๋ฅผ ๊ฐ์ง ์ฌ์ฉ์๊ฐ ์น์ฌ์ดํธ๋ฅผ ๋ ์ฝ๊ฒ ์ดํดํ ์ ์๋๋ก ๋์ธ ์ ์์ต๋๋ค. | ||
114 | Paged Media | CSS, CSS3, Page Breaks |
์ธ์ ๋ฏธ๋์ด(paged media) ์์ฑ์ ์ธ์ ์ฝํ ์ธ ์ ํ๋ ์ ํ ์ด์ ๋๋ ์ฝํ ์ธ ๋ฅผ ๊ฐ๋ณ ํ์ด์ง๋ก ๋๋๋ ๋ค๋ฅธ ๋ฏธ๋์ด๋ฅผ ์ ์ดํฉ๋๋ค. ํ์ด์ง ๋๋๊ธฐ ์ค์ , ์ธ์ ๊ฐ๋ฅ ์์ญ ์ ์ด, ์๋ก ๋ค๋ฅธ ์ข์ฐ ํ์ด์ง ์คํ์ผ ๋ฐ ์์ ๋ด๋ถ ๋๋๊ธฐ ์ ์ด๋ฅผ ํ ์ ์์ต๋๋ค. ๋๋ฆฌ ์ง์๋๋ ์์ฑ์ ํฌํจํฉ๋๋ค | ||
115 | Property Template | CSS, CSS Reference |
์์ฝ. | ||
116 | Replaced element | CSS, Layout, Reference, css layout, rendering, replaced element |
๋ํ์ ์ธ ๋์ฒด ์์๋ ๋ค์๊ณผ ๊ฐ์ต๋๋ค. | ||
117 | align-content | CSS, CSS Box Alignment, CSS Property, Reference |
CSS align-content property๋ flex container์์ browser๊ฐ ๊ฐ๊ฒฉ๊ณผ ์์ดํ
๋ค์ xy์ขํ์ถ์์์ ๊ณต๊ฐ์ ํ ๋นํ๋ ๋ฐฉ๋ฒ์ ์ ์ํฉ๋๋ค. |
||
118 | align-items | CSS, CSS Flexible Boxes, CSS Property, Reference |
CSS align-items property๋ ๋ฐ๋ก ์ ํ๊ณ ์๋ flex items์ align-self ๋ฅผ ์ผ๊ด์ ์ฉํ๋ค. align-self property๋ ํด๋น item์ด ์ฐจ์งํ๋ ๊ณต๊ฐ์ ์ค์์ธ์ง ์์์ธ์ง ๋์ธ์ง์ ์ ๋ ฌํ๋ค. |
||
119 | align-self | CSS, CSS Box Alignment, CSS Flexible Boxes, CSS Property, Reference |
align-self CSS property๋ ํด๋น flex item์ align-items ๊ฐ์ ๋ฎ์ด์๋๋ค. ๋ง์ฝ ์ด๋ค flex item์ cross-axis margin ๊ฐ์ด auto๋ก ์ค์ ๋์ด ์์ผ๋ฉด align-self ๊ฐ์ ๋ฌด์ ๋ฉ๋๋ค. |
||
120 | animation | CSS, CSS Animations, CSS Property, Reference |
animation CSS ์์ฑ์ ๋ค์์ ์คํ์ผ์ ์ ํํ๋ ์ ๋๋ฉ์ด์
์ ์ ์ฉํฉ๋๋ค. animation-name , animation-duration , animation-timing-function , animation-delay , animation-iteration-count , animation-direction , animation-fill-mode , animation-play-state ์ ๋จ์ถ ์์ฑ์
๋๋ค. |
||
121 | animation-delay | CSS, CSS Property, CSS animation, Reference |
animation-delay CSS ์์ฑ์ ์ ๋๋ฉ์ด์
์ด ์์ํ ์์ ์ ์ง์ ํฉ๋๋ค. ์์ ์ฆ์, ์ ์ ํ์, ๋๋ ์ ๋๋ฉ์ด์
์ด ์ผ๋ถ ์งํํ ์์ ๋ถํฐ ์์ํ ์ ์์ต๋๋ค. |
||
122 | animation-direction | CSS ์์ฑ, CSS ์ ๋๋ฉ์ด์ |
animation-direction CSS ์์ฑ์ ์ ๋๋ฉ์ด์
์ด ์์ผ๋ก, ๋ค๋ก ๋๋ ์๋ค๋ก ๋ฒ๊ฐ์ ์ฌ์๋์ด์ผํ๋์ง ์ฌ๋ถ๋ฅผ ์ง์ ํฉ๋๋ค. |
||
123 | animation-duration | CSS ์ ๋๋ฉ์ด์ |
animation-duration CSS ์์ฑ์ ์ ๋๋ฉ์ด์
์ด ํ ์ฌ์ดํด์ ์๋ฃํ๋ ๋ฐ ๊ฑธ๋ฆฌ๋ ์๊ฐ์ ์ง์ ํฉ๋๋ค. |
||
124 | animation-fill-mode | CSS ์์ฑ, CSS ์ ๋๋ฉ์ด์ |
animation-fill-mode CSS ์์ฑ์ CSS ์ ๋๋ฉ์ด์
์ด ์คํ ์ ๊ณผ ํ์ ๋์์ ์คํ์ผ์ ์ ์ฉํ๋ ๋ฐฉ๋ฒ์ ์ง์ ํฉ๋๋ค. |
||
125 | animation-name | |
animation-name CSS ์์ฑ์ ํ๋ ๋๋ ํ๋ ์ด์์ ์ ๋๋ฉ์ด์
์ด ์คํ๋ ์์๋ฅผ ์ค์ ํฉ๋๋ค. Each name is an @keyframes at-rule that sets the property values for the animation sequence. |
||
126 | background | CSS, CSS Background, CSS Property, Reference |
background CSS ๋จ์ถ ์์ฑ์ ์์, ์ด๋ฏธ์ง, ์์ , ํฌ๊ธฐ, ๋ฐ๋ณต ๋ฑ ์ฌ๋ฌ ๋ฐฐ๊ฒฝ ์คํ์ผ์ ํ ๋ฒ์ ์ง์ ํฉ๋๋ค. |
||
127 | background-color | CSS, CSS Background, CSS Property, Graphics, HTML Colors, HTML Styles, Layout, Reference, Styles, Styling HTML |
background-color CSS ์์ฑ์ ์์์ ๋ฐฐ๊ฒฝ ์์ ์ง์ ํฉ๋๋ค. |
||
128 | background-image | CSS, CSS Background, CSS Property, Reference |
background-image CSS ์์ฑ์ ์์์ ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง๋ฅผ ํ ๊ฐ๋ ์ฌ๋ฌ ๊ฐ ์ง์ ํฉ๋๋ค. |
||
129 | border | CSS, CSS Borders, CSS Property, Layout, Reference |
border CSS ๋จ์ถ ์์ฑ์ ์์์ ํ
๋๋ฆฌ๋ฅผ ์ค์ ํฉ๋๋ค.border-width , border-style ,border-color ์ ๊ฐ์ ์ค์ ํฉ๋๋ค. |
||
130 | border-bottom | CSS, CSS Borders, CSS Property, Reference, ํ ๋๋ฆฌ |
border-bottom CSS ๋จ์ถ ์์ฑ์ ์์์ ์๋์ชฝ ํ
๋๋ฆฌ๋ฅผ ์ค์ ํฉ๋๋ค. |
||
131 | border-bottom-color | CSS, CSS Borders, CSS Property, Reference |
border-bottom-color CSS ์์ฑ์ ์์์ ์๋์ชฝ ํ
๋๋ฆฌ ์์์ ์ง์ ํฉ๋๋ค. |
||
132 | border-bottom-style | CSS, CSS Borders, CSS Property, Reference |
border-bottom-style CSS ์์ฑ์ ์์ ํ
๋๋ฆฌ์ ์๋์ชฝ ์คํ์ผ์ ์ง์ ํฉ๋๋ค. |
||
133 | border-bottom-width | CSS, CSS Borders, CSS Property, Reference |
border-bottom-width CSS ์์ฑ์ ์์์ ์๋ ํ
๋๋ฆฌ ๋๋น๋ฅผ ์ง์ ํฉ๋๋ค. |
||
134 | border-collapse | CSS, CSS Borders, CSS Property, CSS Tables, Reference |
border-collapse CSS ์์ฑ์ ํ ํ
๋๋ฆฌ(border)๊ฐ ๋ถ๋ฆฌ(separated) ๋๋ ์์(collapsed)๋ ์ง๋ฅผ ๊ฒฐ์ ํฉ๋๋ค. ๋ถ๋ฆฌ ๋ชจ๋ธ์์๋, ์ธ์ ํ ์
์ ๊ฐ๊ฐ ์์ ์ ๊ณ ์ (distinct) ํ
๋๋ฆฌ๊ฐ ์์ต๋๋ค. ์์ ๋ชจ๋ธ์์๋, ์ธ์ ํ ํ ์
์ ํ
๋๋ฆฌ๋ฅผ ๊ณต์ ํฉ๋๋ค. |
||
135 | border-color | CSS, CSS Borders, CSS Property, Reference |
border-color CSS ๋จ์ถ ์์ฑ์ ๋ชจ๋ ๋ฉด์ ํ
๋๋ฆฌ ์์์ ์ค์ ํฉ๋๋ค. |
||
136 | border-image | CSS, CSS Borders, CSS Property, Reference |
border-image CSS ์์ฑ์ ์์ border-style ์ ์๋ฆฌ์ ์ด๋ฏธ์ง๋ฅผ ๊ทธ๋ฆฝ๋๋ค. |
||
137 | border-image-outset | CSS, CSS Borders, CSS Property, Reference |
border-image-outset CSS ์์ฑ์ ์์์ ํ
๋๋ฆฌ ์์์ ํ
๋๋ฆฌ ์ด๋ฏธ์ง์ ๊ฑฐ๋ฆฌ๋ฅผ ์ค์ ํฉ๋๋ค. |
||
138 | border-image-repeat | CSS, CSS Borders, CSS Property, Reference |
border-image-repeat CSS ์์ฑ์ ์๋ณธ ์ด๋ฏธ์ง์ ๋ชจ์๋ฆฌ ์์ญ์ ์์์ ํ
๋๋ฆฌ ์ด๋ฏธ์ง ํฌ๊ธฐ์ ๋ง์ถฐ ์กฐ์ ํ ๋ ์ฌ์ฉํ ๋ฐฉ๋ฒ์ ์ง์ ํฉ๋๋ค. |
||
139 | border-image-slice | CSS, CSS Borders, CSS Property, Reference |
border-image-slice CSS ์์ฑ์ border-image-source ๋ก ์ค์ ํ ์ด๋ฏธ์ง๋ฅผ ์ฌ๋ฌ ๊ฐ์ ์์ญ์ผ๋ก ๋๋๋๋ค. ์ด๋ ๊ฒ ๋๋ ์ง ์์ญ์ด ์์์ ํ
๋๋ฆฌ ์ด๋ฏธ์ง๋ฅผ ์ด๋ฃน๋๋ค. |
||
140 | border-image-source | CSS, CSS Borders, CSS Property, Reference |
border-image-source CSS ์์ฑ์ ์์์ ํ
๋๋ฆฌ ์ด๋ฏธ์ง๋ก ์ฌ์ฉํ ์๋ณธ ์ด๋ฏธ์ง๋ฅผ ์ง์ ํฉ๋๋ค. |
||
141 | border-image-width | CSS, CSS Borders, CSS Property, Reference |
border-image-width CSS ์์ฑ์ ์์ ํ
๋๋ฆฌ ์ด๋ฏธ์ง์ ๋๋น๋ฅผ ์ค์ ํฉ๋๋ค. |
||
142 | border-left | CSS, CSS Borders, CSS Property, Reference, ํ ๋๋ฆฌ |
border-left CSS ๋จ์ถ ์์ฑ์ ์์์ ์ผ์ชฝ ํ
๋๋ฆฌ๋ฅผ ์ค์ ํฉ๋๋ค. |
||
143 | border-left-color | CSS, CSS Borders, CSS Property, Reference |
border-left-color CSS ์์ฑ์ ์์์ ์ผ์ชฝ ํ
๋๋ฆฌ ์์์ ์ง์ ํฉ๋๋ค. |
||
144 | border-left-style | CSS, CSS Borders, CSS Property, Reference |
border-left-style CSS ์์ฑ์ ์์ ํ
๋๋ฆฌ์ ์ผ์ชฝ ์คํ์ผ์ ์ง์ ํฉ๋๋ค. |
||
145 | border-left-width | CSS, CSS Borders, CSS Property, Reference |
border-left-width CSS ์์ฑ์ ์์์ ์ผ์ชฝ ํ
๋๋ฆฌ ๋๋น๋ฅผ ์ง์ ํฉ๋๋ค. |
||
146 | border-radius | CSS, CSS Property, Reference |
border-radius CSS ์์ฑ์ ์์์ ํ
๋๋ฆฌ๋ฅผ ๋ฅ๊ธ๊ฒ ๋ง๋ญ๋๋ค. ํ๋์ ๊ฐ์ ์ฌ์ฉํด ์ํ ๋ชจ์๋ฆฌ๋ฅผ, ๋ ๊ฐ์ ๊ฐ์ ์ฌ์ฉํด ํ์ํ ๋ชจ์๋ฆฌ๋ฅผ ์ ์ฉํ ์ ์์ต๋๋ค. |
||
147 | border-right | CSS, CSS Borders, CSS Property, Reference, ํ ๋๋ฆฌ |
border-right CSS ๋จ์ถ ์์ฑ์ ์์์ ์ค๋ฅธ์ชฝ ํ
๋๋ฆฌ๋ฅผ ์ค์ ํฉ๋๋ค. |
||
148 | border-right-color | CSS, CSS Borders, CSS Property, Reference |
border-right-color CSS ์์ฑ์ ์์์ ์ค๋ฅธ์ชฝ ํ
๋๋ฆฌ ์์์ ์ง์ ํฉ๋๋ค. |
||
149 | border-right-style | CSS, CSS Borders, CSS Property, Reference |
border-right-style CSS ์์ฑ์ ์์ ํ
๋๋ฆฌ์ ์ค๋ฅธ์ชฝ ์คํ์ผ์ ์ง์ ํฉ๋๋ค. |
||
150 | border-right-width | CSS, CSS Borders, CSS Property, Reference |
border-right-width CSS ์์ฑ์ ์์์ ์ค๋ฅธ์ชฝ ํ
๋๋ฆฌ ๋๋น๋ฅผ ์ง์ ํฉ๋๋ค. |
||
151 | border-spacing | CSS, CSS Property, CSS Tables, Reference |
border-spacing CSS ์์ฑ(property)์ ์ธ์ ํ ํ ์
์ ํ
๋๋ฆฌ ๊ฐ ๊ฐ๊ฒฉ์ ์ง์ ํฉ๋๋ค (๋ถ๋ฆฌ ํ
๋๋ฆฌ ๋ชจ๋ธ๋ง์ ์ํ). ์ด๋ ํ๋ฆฌ์ ํ
์ด์
HTML์์ cellspacing attribute์ ํด๋นํ์ง๋ง ์ ํ ์ฌํญ์ธ ๋ ๋ฒ์งธ ๊ฐ์ ์๋ก ๋ค๋ฅธ ๊ฐ๋ก ๋ฐ ์ธ๋ก ๊ฐ๊ฒฉ์ ์ค์ ํ๋๋ฐ ์ฌ์ฉ๋ ์ ์์ต๋๋ค. |
||
152 | border-style | CSS, CSS Borders, CSS Property, Reference |
border-style CSS ๋จ์ถ ์์ฑ์ ์์ ํ
๋๋ฆฌ ๋ค ๋ฉด์ ์คํ์ผ์ ์ง์ ํฉ๋๋ค. |
||
153 | border-top | CSS, CSS Borders, CSS Property, Reference, ํ ๋๋ฆฌ |
border-top CSS ๋จ์ถ ์์ฑ์ ์์์ ์์ชฝ ํ
๋๋ฆฌ๋ฅผ ์ค์ ํฉ๋๋ค. |
||
154 | border-top-color | CSS, CSS Borders, CSS Property, Reference |
border-top-color CSS ์์ฑ์ ์์์ ์์ชฝ ํ
๋๋ฆฌ ์์์ ์ง์ ํฉ๋๋ค. |
||
155 | border-top-style | CSS, CSS Borders, CSS Property, Reference |
border-top-style CSS ์์ฑ์ ์์ ํ
๋๋ฆฌ์ ์์ชฝ ์คํ์ผ์ ์ง์ ํฉ๋๋ค. |
||
156 | border-top-width | CSS, CSS Borders, CSS Property, Reference |
border-top-width CSS ์์ฑ์ ์์์ ์์ชฝ ํ
๋๋ฆฌ ๋๋น๋ฅผ ์ง์ ํฉ๋๋ค. |
||
157 | border-width | CSS, CSS Borders, CSS Property, Reference |
border-width CSS ๋จ์ถ ์์ฑ์ ์์ ๋ค ๋ฉด ํ
๋๋ฆฌ์ ๋๋น๋ฅผ ์ค์ ํฉ๋๋ค. |
||
158 | box-shadow | CSS, CSS Property, CSS Styles, Reference |
box-shadow CSS ์์ฑ์ ์์์ ํ
๋๋ฆฌ๋ฅผ ๊ฐ์ผ ๊ทธ๋ฆผ์ ํจ๊ณผ๋ฅผ ์ถ๊ฐํฉ๋๋ค. ์ผํ๋ก ๊ตฌ๋ฌธํด์ ์ฌ๋ฌ ๊ทธ๋ฆผ์ ํจ๊ณผ๋ฅผ ์
ํ ์ ์์ต๋๋ค. ๋ฐ์ค ๊ทธ๋ฆผ์๋ ์์์์์ ์ํ์์ง ๊ฑฐ๋ฆฌ(์คํ์
), ํ๋ฆฟํจ๊ณผ ํ์ฐ ์ ๋, ์์์ผ๋ก ์ด๋ฃจ์ด์ง๋๋ค. |
||
159 | box-sizing | CSS, CSS Property, Reference |
box-sizing CSS ์์ฑ์ ์์์ ๋๋น์ ๋์ด๋ฅผ ๊ณ์ฐํ๋ ๋ฐฉ๋ฒ์ ์ง์ ํฉ๋๋ค. |
||
160 | calc() | CSS, CSS Function, Layout, Reference, Web |
calc() CSS ํจ์๋ฅผ ์ฌ์ฉํ๋ฉด CSS ์์ฑ์ ๊ฐ์ผ๋ก ๊ณ์ฐ์์ ์ง์ ํ ์ ์์ต๋๋ค. |
||
161 | clear | CSS, CSS Positioning, CSS Property, Reference |
clear CSS ์์ฑ์ ์์๊ฐ ์ ํ ๋ถ๋(floating) ์์ ๋ค์์ผ ์ ์๋์ง ๋๋ ๊ทธ ์๋๋ก ๋ด๋ ค๊ฐ(ํด์ ๋์ด(cleared))์ผ ํ๋ ์ง๋ฅผ ์ง์ ํฉ๋๋ค. clear ์์ฑ์ ๋ถ๋ ๋ฐ ๋น๋ถ๋ ์์ ๋ชจ๋์ ์ ์ฉ๋ฉ๋๋ค. |
||
162 | color | CSS, CSS Colors, CSS Property, CSS Text, Layout, Reference, Web, ์ |
color CSS ์์ฑ์ ์์์ ๊ธ์จ ๋ฐ ๊ธ์จ ์ฅ์์ ์ ๊ฒฝ์๊ณผ currentcolor ์ ๊ฐ์ ์ค์ ํฉ๋๋ค. |
||
163 | cursor | CSS, CSS Property, Reference, Web |
cursor CSS ์์ฑ์ ์์ ์์ ๋ง์ฐ์ค ์ปค์๊ฐ ์ฌ๋ผ๊ฐ์ ๋ ๋ณด์ฌ์ค ๋ชจ์์ ์ง์ ํฉ๋๋ค. |
||
164 | cursor ์์ฑ๊ฐ์ URL ์ฌ์ฉ | CSS, CSS_2.1, Cross-browser_Development, Web Development |
Gecko 1.8 (Firefox 1.5, SeaMonkey 1.0)์ URL ๊ฐ์ CSS2 ์ปค์ ์์ฑ๊ฐ์ผ๋ก ์ฌ์ฉํ๋ ๊ฒ์ ์ง์ํฉ๋๋ค. ์ด ๊ธฐ๋ฅ์ ๋ง์ฐ์ค ์ปค์ ๋ชจ์์ผ๋ก ์์์ ์ด๋ฏธ์ง ๋ฅผ ์ง์ ํ ์ ์๊ฒ ํด์ค๋๋ค โ Gecko๊ฐ ์ง์ํ๋ ๋ชจ๋ ์ด๋ฏธ์ง ํฌ๋งท์ ์ฌ์ฉํ ์ ์์ต๋๋ค. | ||
165 | display | CSS, CSS Display, CSS Property, Reference, display |
display CSS property๋ element์ display type์ ์ ์ํฉ๋๋ค. ์ด๊ฒ์ ๋ฐ์ค๋ฅผ ์ด๋ป๊ฒ ์์ฑํ ๊ฒ์ธ์ง ๊ฒฐ์ ํ๋ ๋๊ฐ์ง ๊ธฐ๋ณธ ์์ฑ์ผ๋ก ์ด๋ฃจ์ด์ ธ ์์ต๋๋ค. outer display type์ flow layout ์์์ ์ด๋ป๊ฒ ์ ์ฉ๋ ๊ฒ์ธ์ง, inner display type ์ ๋ฐ์ค ์์ child elements๋ฅผ ์ด๋ป๊ฒ ๋ฐฐ์นํ ๊ฒ์ธ์ง ์ ํฉ๋๋ค. |
||
166 | filter | CSS, CSS Property, Reference, SVG, SVG Filter |
filter CSS ์์ฑ์ ํ๋ฆผ ํจ๊ณผ๋ ์์ ๋ณํ ๋ฑ ๊ทธ๋ํฝ ํจ๊ณผ๋ฅผ ์์์ ์ ์ฉํฉ๋๋ค. |
||
167 | flex | CSS, CSS Flexible Boxes, CSS Property, Reference |
flex CSS ์์ฑ์ ํ๋์ ํ๋ ์ค ์์ดํ
์ด ์์ ์ ์ปจํ
์ด๋๊ฐ ์ฐจ์งํ๋ ๊ณต๊ฐ์ ๋ง์ถ๊ธฐ ์ํด ํฌ๊ธฐ๋ฅผ ํค์ฐ๊ฑฐ๋ ์ค์ด๋ ๋ฐฉ๋ฒ์ ์ค์ ํ๋ ์์ฑ์
๋๋ค. |
||
168 | flex-basis | CSS, CSS Flexible Boxes, CSS Property, Reference |
flex-basis CSS ์์ฑ์ ํ๋ ์ค ์์ดํ
์ ์ด๊ธฐ ํฌ๊ธฐ๋ฅผ ์ง์ ํฉ๋๋ค. box-sizing ์ ๋ฐ๋ก ์ง์ ํ์ง ์๋๋ค๋ฉด ์ฝํ
์ธ ๋ฐ์ค์ ํฌ๊ธฐ๋ฅผ ๋ณ๊ฒฝํฉ๋๋ค. |
||
169 | flex-direction | CSS, CSS Flexible Boxes, CSS Property, Reference |
flex-direction CSS ์์ฑ์ ํ๋ ์ค ์ปจํ
์ด๋ ๋ด์ ์์ดํ
์ ๋ฐฐ์นํ ๋ ์ฌ์ฉํ ์ฃผ์ถ ๋ฐ ๋ฐฉํฅ(์ ๋ฐฉํฅ, ์ญ๋ฐฉํฅ)์ ์ง์ ํฉ๋๋ค. |
||
170 | flex-flow | CSS, CSS Flexible Boxes, CSS Property, Reference |
flex-flow CSS ์์ฑ์ flex-direction , flex-wrap ์์ฑ์ ๋จ์ถ ์์ฑ์
๋๋ค. |
||
171 | flex-grow | CSS, CSS Flexible Boxes, CSS Property, NeedsContent, Reference |
flex-grow CSS property ๋ flex-item ์์๊ฐ, flex-container ์์ ๋ด๋ถ์์ ํ ๋น ๊ฐ๋ฅํ ๊ณต๊ฐ์ ์ ๋๋ฅผ ์ ์ธํฉ๋๋ค. ๋ง์ฝ ํ์ ์์๋ก ๋ ๋๋ง ๋ ๋ชจ๋ flex-item ์์๋ค์ด ๋์ผํ flex-grow ๊ฐ์ ๊ฐ๋๋ค๋ฉด, flex-container ๋ด๋ถ์์ ๋์ผํ ๊ณต๊ฐ์ ํ ๋น๋ฐ์ต๋๋ค. ํ์ง๋ง flex-grow ๊ฐ์ผ๋ก ๋ค๋ฅธ ์์๊ฐ์ ์ง์ ํ๋ค๋ฉด, ๊ทธ์ ๋ฐ๋ผ ๋ค๋ฅธ ๊ณต๊ฐ๊ฐ์ ๋๋์ด ํ ๋น๋ฐ๊ฒ ๋ฉ๋๋ค. |
||
172 | flex-shrink | CSS, CSS Flexible Boxes, CSS Property, NeedsContent, Reference |
flex-shrink CSS property๋ flex-item ์์์ flex-shrink ๊ฐ์ ์ค์ ํ๋ ์์ฑ์
๋๋ค. ๋ง์ฝ flex-item ์์์ ํฌ๊ธฐ๊ฐ flex-container ์์์ ํฌ๊ธฐ๋ณด๋ค ํด ๋ flex-shrink ์์ฑ์ ์ฌ์ฉํ๋๋ฐ, ์ค์ ๋ ์ซ์๊ฐ์ ๋ฐ๋ผ flex-container ์์ ๋ด๋ถ์์ flex-item ์์์ ํฌ๊ธฐ๊ฐ ์ถ์๋ฉ๋๋ค. |
||
173 | flex-wrap | CSS, CSS Flexible Boxes, CSS Property, Reference |
CSS flex-wrap property๋ flex-item ์์๋ค์ด ๊ฐ์ ๋ก ํ์ค์ ๋ฐฐ์น๋๊ฒ ํ ๊ฒ์ธ์ง, ๋๋ ๊ฐ๋ฅํ ์์ญ ๋ด์์ ๋ฒ์ด๋์ง ์๊ณ ์ฌ๋ฌํ์ผ๋ก ๋๋์ด ํํ ํ ๊ฒ์ธ์ง ๊ฒฐ์ ํ๋ ์์ฑ์
๋๋ค. ๋ง์ฝ ์์ญ ๋ด์์ ๋ฒ์ด๋์ง ๋ชปํ๊ฒ ์ค์ ํ๋ค๋ฉด, ๋์์ ์์์ ๋ฐฉํฅ ์ถ์ ๊ฒฐ์ ํ ์ ์์ต๋๋ค. |
||
174 | float | CSS, CSS Positioning, CSS Property, Reference |
CSS ์์ฑ(property) float ์ ํ ์์(element)๊ฐ ๋ณดํต ํ๋ฆ(normal flow)์ผ๋ก๋ถํฐ ๋น ์ ธ ํ
์คํธ ๋ฐ ์ธ๋ผ์ธ(inline) ์์๊ฐ ๊ทธ ์ฃผ์๋ฅผ ๊ฐ์ธ๋ ์๊ธฐ ์ปจํ
์ด๋์ ์ข์ฐ์ธก์ ๋ฐ๋ผ ๋ฐฐ์น๋์ด์ผ ํจ์ ์ง์ ํฉ๋๋ค. |
||
175 | font | CSS, CSS Fonts, CSS Property, Reference |
font CSS ์์ฑ์ font-style , font-variant , font-weight , font-size , line-height , font-family ์ ๋จ์ถ ์์ฑ์
๋๋ค. ์์์ ๊ธ๊ผด์ ์์คํ
ํฐํธ๋ก ์ค์ ํ ์๋ ์์ต๋๋ค. |
||
176 | font-family | CSS, CSS Fonts, CSS Property, Reference |
CSS font-family ์์ฑ์ ์ ํ๋ ์์์ ์ฐ์ ์์๊ฐ ์ง์ ๋ font family ์ด๋ฆ๊ณผ generic family ์ด๋ฆ์ ์ง์ ํ ์ ์๊ฒ ํด์ค๋๋ค. |
||
177 | font-size | |
font-size CSS ์์ฑ์ ํฐํธ์ ํฌ๊ธฐ(๋๋ฌธ์ "M"์ ํฌ๊ธฐ)๋ฅผ ์ง์ ํฉ๋๋ค. ํฐํธ ํฌ๊ธฐ๋ฅผ ๋ฐ๊พธ๋ฉด em ๊ณผ ex <length> ๋จ์๋ก ๊ณ์ฐ๋ ๋ค๋ฅธ ํญ๋ชฉ๋ค์ ํฌ๊ธฐ๋ฅผ ๋ฐ๊ฟ๋๋ค. |
||
178 | font-weight | |
font-weight CSS ์์ฑ์ ํฐํธ(font)์ ๊ฐ์ค์น(weight)๋ ๊ตต๊ธฐ(boldness)๋ฅผ ๋ช
์ํ๋ค. ๋ช๋ช ํฐํธ๋ค์ normal ๋ bold ์ผ ๋๋ง ๊ฐ๋ฅํ๋ค. |
||
179 | grid | CSS, CSS Grid, CSS Property, Reference |
grid CSS ์์ฑ์ shorthand property ์
๋๋ค. ์ธ์ฌ์ ์ธ ์์ฑ์ธ (grid-template-rows , grid-template-columns , grid-template-areas ), ๊ฐ๊ณผ ๋ด์ฌ์ ์ธ ์์ฑ์ธ (grid-auto-rows , grid-auto-columns , grid-auto-flow ), ๊ฐ์ ํ๋ฒ์ ์ค์ ํฉ๋๋ค. |
||
180 | grid-area | CSS, CSS Grid, CSS Property, Reference |
grid-area ์์ฑ์ grid-row-start , grid-column-start , grid-row-end and grid-column-end ๊ฐ์ ํ๋ฒ์ ์ค์ ํ๋ shorthand property ์
๋๋ค. ํด๋น ์์ฑ๊ฐ์ grid item์ ํฌ๊ธฐ์ ์์น๋ฅผ ๊ฒฐ์ ํฉ๋๋ค., specifying a grid itemโs size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. |
||
181 | height | CSS, CSS Property, Reference |
height CSS ์์ฑ์ ์์์ ๋์ด๋ฅผ ์ง์ ํฉ๋๋ค. ๊ธฐ๋ณธ๊ฐ์ ์ฝํ
์ธ ์์ญ์ ๋์ด์ง๋ง, box-sizing ์ด border-box ๋ผ๋ฉด ํ
๋๋ฆฌ ์์ญ์ ๋์ด๋ฅผ ์ค์ ํฉ๋๋ค. |
||
182 | image-rendering | CSS, CSS Images, CSS Property, Reference |
image-rendering CSS ํ๋กํผํฐ๋ ๋ธ๋ผ์ฐ์ ์ ์ด๋ฏธ์ง ์ค์ผ์ผ๋ง ๋ฐฉ์์ ๋ํ ํํธ๋ฅผ ์ ๊ณตํฉ๋๋ค. ์ด ํ๋กํผํฐ๋ ์๋ฆฌ๋จผํธ ์์ ์๊ฒ ์ ์ฉ์ํต๋๋ค. ์ค์ผ์ผ๋ง(ํฌ๊ธฐ๋ณ๊ฒฝ)์ด ์ ๋ ์ด๋ฏธ์ง์๊ฒ๋ ์ ์ฉ๋์ง ์์ต๋๋ค. |
||
183 | inherit | CSS, CSS Cascade, Layout, Reference, Web |
inherit CSS ๊ฐ์ ์์๊ฐ ๋ถ๋ชจ ์์๋ก๋ถํฐ ์์ฑ(property)์ ๊ณ์ฐ๊ฐ(computed value)์ ๊ฐ๋๋ก ์ง์ ๋๊ฒ ํฉ๋๋ค. ๋ชจ๋ CSS ์์ฑ์ ํ์ฉ๋ฉ๋๋ค. |
||
184 | initial | CSS, CSS Cascade, Layout, Reference, Web |
initial CSS ํค์๋๋ ์์ฑ์ ์ด๊ธฐ๊ฐ(initial value)์ ์์์ ์ ์ฉํฉ๋๋ค. ๋ชจ๋ CSS ์์ฑ์ ํ์ฉ๋๊ณ ์์๊ฐ ์์ฑ์ ์ด๊ธฐ๊ฐ์ ์ฌ์ฉํ๋๋ก ํฉ๋๋ค. |
||
185 | letter-spacing | CSS, CSS Property, CSS Text, Reference, ๊ธ์ ๊ฐ๊ฒฉ |
letter-spacing CSS ์์ฑ์ ๊ธ์ ์ฌ์ด์ ๊ฐ๊ฒฉ์ ์กฐ์ ํฉ๋๋ค. |
||
186 | linear-gradient | CSS, CSS Function, CSS Images, Graphics, Layout, Reference, Web, gradient |
linear-gradient() CSS ํจ์๋ ๋ ๊ฐ ์ด์์ ์์ด ์ง์ ์ ๋ฐ๋ผ ์ ์ง์ ์ผ๋ก ๋ณํํ๋ ์ด๋ฏธ์ง๋ฅผ ์์ฑํฉ๋๋ค. ํจ์์ ๊ฒฐ๊ณผ๋ <image> ์ ํน๋ณํ ์ข
๋ฅ์ธ <gradient> ์๋ฃํ์
๋๋ค. |
||
187 | margin | CSS, CSS Property, Reference |
margin CSS ์์ฑ์ ์์์ ๋ค ๋ฐฉํฅ ๋ฐ๊นฅ ์ฌ๋ฐฑ ์์ญ์ ์ค์ ํฉ๋๋ค. margin-top , margin-right , margin-bottom , margin-left ์ ๋จ์ถ ์์ฑ์
๋๋ค. |
||
188 | margin-bottom | CSS, CSS Property, Reference |
margin-bottom CSS ์์ฑ์ ์์์ ์๋์ชฝ์ ๋ฐ๊นฅ ์ฌ๋ฐฑ ์์ญmargin area์ ์ค์ ํฉ๋๋ค. ์์ ๊ฐ์ ์ธ์ ์์์ ๊ฑฐ๋ฆฌ๋ฅผ ๋ํ๊ณ , ์์ ๊ฐ์ ๋ ์ขํ๋๋ค. |
||
189 | margin-left | CSS, CSS Property, Layout, Reference |
margin-left CSS ์์ฑ์ ์์์ ์ผ์ชฝ์ ๋ฐ๊นฅ ์ฌ๋ฐฑ ์์ญmargin area์ ์ค์ ํฉ๋๋ค. ์์ ๊ฐ์ ์ธ์ ์์์ ๊ฑฐ๋ฆฌ๋ฅผ ๋ํ๊ณ , ์์ ๊ฐ์ ๋ ์ขํ๋๋ค. |
||
190 | margin-right | CSS, CSS Property, Reference |
margin-right CSS ์์ฑ์ ์์์ ์ค๋ฅธ์ชฝ์ ๋ฐ๊นฅ ์ฌ๋ฐฑ ์์ญmargin area์ ์ค์ ํฉ๋๋ค. ์์ ๊ฐ์ ์ธ์ ์์์ ๊ฑฐ๋ฆฌ๋ฅผ ๋ํ๊ณ , ์์ ๊ฐ์ ๋ ์ขํ๋๋ค. |
||
191 | margin-top | CSS, CSS Property, Reference |
margin-top CSS ์์ฑ์ ์์์ ์์ชฝ์ ๋ฐ๊นฅ ์ฌ๋ฐฑ ์์ญmargin area์ ์ค์ ํฉ๋๋ค. ์์ ๊ฐ์ ์ธ์ ์์์ ๊ฑฐ๋ฆฌ๋ฅผ ๋ํ๊ณ , ์์ ๊ฐ์ ๋ ์ขํ๋๋ค. |
||
192 | mask | CSS, CSS Property, Layout, Reference, SVG, Web |
mask CSS ์์ฑ์ ์์ดํ
์ด ๋ถ๋ถ์ ์ผ๋ก๋ง ๋ณด์ฌ์ง๊ฒ ํ๊ฑฐ๋ ํน์ ์์ ํ ๊ฐ๋ ค์ ๋ณด์ฌ์ง์ง ์๊ฒ ํ ์ ์๋ ๊ธฐ๋ฅ์ ๊ฐ์ง๊ณ ์์ต๋๋ค. ์ด ์์ฑ์ ๋ง์คํน ํน์ ํน์ ํ ์ ์ ๊ธฐ์ค์ผ๋ก ์ด๋ฏธ์ง๋ฅผ ์๋ผ๋ด๋ ๊ธฐ๋ฅ์ ํจ๊ป ์ ๊ณตํฉ๋๋ค. |
||
193 | max-height | CSS, CSS Property, Reference |
max-height CSS ์์ฑ์ ์์์ ์ต๋ ๋์ด๋ฅผ ์ค์ ํฉ๋๋ค. max-height ๋ height ์์ฑ์ ์ฌ์ฉ๊ฐ์ด ์์ ์ ๊ฐ๋ณด๋ค ์ปค์ง๋๊ฑธ ๋ฐฉ์งํฉ๋๋ค. |
||
194 | max-width | CSS, CSS Property, Reference |
max-width CSS ์์ฑ์ ์์์ ์ต๋ ๋๋น๋ฅผ ์ค์ ํฉ๋๋ค. max-width ๋ width ์์ฑ์ ์ฌ์ฉ๊ฐ์ด ์์ ์ ๊ฐ๋ณด๋ค ์ปค์ง๋๊ฑธ ๋ฐฉ์งํฉ๋๋ค. |
||
195 | min-height | CSS, CSS Property, Reference |
max-height CSS ์์ฑ์ ์์์ ์ต์ ๋์ด๋ฅผ ์ค์ ํฉ๋๋ค. min-height ๋ height ์์ฑ์ ์ฌ์ฉ๊ฐ์ด ์์ ์ ๊ฐ๋ณด๋ค ์์์ง๋๊ฑธ ๋ฐฉ์งํฉ๋๋ค. |
||
196 | min-width | CSS, CSS Property, Reference |
min-width CSS ์์ฑ์ ์์์ ์ต์ ๋๋น๋ฅผ ์ค์ ํฉ๋๋ค. min-width ๋ width ์์ฑ์ ์ฌ์ฉ๊ฐ์ด ์์ ์ ๊ฐ๋ณด๋ค ์์์ง๋๊ฑธ ๋ฐฉ์งํฉ๋๋ค. |
||
197 | mix-blend-mode | mix-blend-mode |
mix-blend-mode CSS ์์ฑ์, element ์ content ๊ฐ ์ด๋ป๊ฒ ๊ทธ element ์ ์ง์ ๋ถ๋ชจ content ์ element ์ background ์ blend (ํผํฉ)๋์ด์ผ ํ๋์ง ์์ ํ๋ค. |
||
198 | opacity | CSS, CSS Property, Reference, ์ |
opacity CSS ์์ฑ์ ์์์ ๋ถํฌ๋ช
๋๋ฅผ ์ค์ ํฉ๋๋ค. |
||
199 | order | CSS, CSS Flexible Boxes, CSS Property, Reference |
order CSS ์์ฑ์ flex-container/grid-container ์์ ๋ด๋ถ์ ์กด์ฌํ๋ flex-item/grid-item ์์์ ๋ฐฐ์น ์์๋ฅผ ๊ฒฐ์ ํ๋ ์์ฑ์
๋๋ค. ํ์ ์์๋ก ๋ ๋๋ง ๋ -item ์์๋ค์ ๊ธฐ๋ณธ์ ์ผ๋ก order ๊ฐ์ ๊ธฐ์ค์ผ๋กํ์ฌ ์ค๋ฆ์ฐจ์์ผ๋ก ๋ฐฐ์น๋ฉ๋๋ค. ๋ง์ฝ, order ์์ฑ์ ๊ฐ์ด ๋์ผํ -item ์์์ผ ๊ฒฝ์ฐ, ์์ค์ฝ๋๋ฅผ ๊ธฐ์ค์ผ๋ก ์์๊ฐ ์ ํด์ง๋๋ค. |
||
200 | overflow | CSS, CSS Box Model, CSS Property, Layout, Reference |
overflow CSS ์์ฑ์ ๊ทธ๊ฒ์ ๋ธ๋ก ๋ ๋ฒจ ์ปจํ
์ด๋(block-level container)๋ณด๋ค ๋ด์ฉ(content)์ด ๋๋ฌด ํด ๋(์ฆ, ๋ด์ฉ์ ๊ฐ์ธ๊ณ ์๋ ์์ญ๋ณด๋ค ์ปค์ก์ ๋), ๋ด์ฉ์ ์๋ผ๋ผ ์ง, ์คํฌ๋กค ๋ฐ๋ฅผ ๋ณด์ฌ์ค ์ง, ํน์ ๋ฒ์๋ฅผ ๋์ด๊ฐ๊ฒ ๋ณด์ฌ์ค ์ง๋ฅผ ๊ธฐ์ ํฉ๋๋ค. |
||
201 | overflow-wrap | CSS, CSS Property, CSS Text, Reference |
overflow -wrap CSS ์์๋ ์ด๋ค ๋ฌธ์๊ฐ ๋ด์ฉ ์นธ ๋ฐ์ผ๋ก ๋์น์ง ์๊ฒ ๋ธ๋ผ์ฐ์ ๊ฐ ๋จ์ด ๋ง๋ ์์ ์ค์ ๋ฐ๊ฟ์ผ ํ ๊ฒ์ธ์ง ์๋์ง๋ฅผ ์ ํ ๋ ์ฌ์ฉ๋ฉ๋๋ค. |
||
202 | padding | CSS, CSS Padding, CSS Property, Reference |
padding CSS ์์ฑ์ ์์์ ๋ค ๋ฐฉํฅ ์์ชฝ ์ฌ๋ฐฑ ์์ญ์ ์ค์ ํฉ๋๋ค. padding-top , padding-right , padding-bottom , padding-left ์ ๋จ์ถ ์์ฑ์
๋๋ค. |
||
203 | padding-bottom | CSS, CSS Padding, CSS Property, Reference |
padding-bottom CSS ์์ฑ์ ์์์ ์๋์ชฝ์ ์์ชฝ ์ฌ๋ฐฑ ์์ญ์ ์ค์ ํฉ๋๋ค. |
||
204 | padding-left | CSS, CSS Padding, CSS Property, Reference |
padding-left CSS ์์ฑ์ ์์์ ์ผ์ชฝ์ ์์ชฝ ์ฌ๋ฐฑ ์์ญ์ ์ค์ ํฉ๋๋ค. |
||
205 | padding-right | CSS, CSS Padding, CSS Property, Reference |
padding-right CSS ์์ฑ์ ์์์ ์ค๋ฅธ์ชฝ์ ์์ชฝ ์ฌ๋ฐฑ ์์ญ์ ์ค์ ํฉ๋๋ค. |
||
206 | padding-top | CSS, CSS Padding, CSS Property, Reference |
padding-top CSS ์์ฑ์ ์์์ ์์ชฝ์ ์์ชฝ ์ฌ๋ฐฑ ์์ญ์ ์ค์ ํฉ๋๋ค. |
||
207 | pointer-events | |
pointer-events CSS ์์ฑ์, ํน์ ์๋ฆฌ๋จผํธ์ ํธ๋ฆฌ๊ฑฐ ์ญํ ์ ์ค์ ํฉ๋๋ค. '์๊ฐ์ '์ผ๋ก ํธ๋ฆฌ๊ฑฐ ์ญํ (hover, active)์ ํ๋ ๊ธฐ๋ฅ ๋ฟ๋ง ์๋๋ผ, ์ด๋ฒคํธ ํธ๋ค๋ฌ๊ฐ ๋ฑ๋ก ๋ ์ํ์ ์๋ฆฌ๋จผํธ์ผ์ง๋ผ๋ ์ด๋ฒคํธ ํธ๋ฆฌ๊ฑฐ๋ก์์ ์ญํ ์ ๊ฐ์ ๋ก ๋ง์ ์ ์์ต๋๋ค. |
||
208 | position | CSS, CSS Positioninng, CSS Property, Reference |
position CSS ์์ฑ์ ๋ฌธ์ ์์ ์์๋ฅผ ๋ฐฐ์นํ๋ ๋ฐฉ๋ฒ์ ์ง์ ํฉ๋๋ค. top , right , bottom , left ์์ฑ์ด ์์๋ฅผ ๋ฐฐ์นํ ์ต์ข
์์น๋ฅผ ๊ฒฐ์ ํฉ๋๋ค. |
||
209 | tab-size | |
tab-size CSS ์์ฑ์ ํญ ๋ฌธ์(U+0009 )์ ๋๋น๋ฅผ ์กฐ์ ํ๋๋ฐ ์ฌ์ฉ๋ฉ๋๋ค. |
||
210 | table-layout | CSS, CSS Property, CSS Tables, Reference |
table-layout CSS ์์ฑ์ ํ
์ด๋ธ ์
, ํ, ์ปฌ๋ผ๋ฑ์ ๋ ์ด์์์ ๊ตฌ์ฑํ๊ธฐ ์ํด ์ฌ์ฉ๋๋ ์๊ณ ๋ฆฌ์ฆ์ ์ ์ํฉ๋๋ค. |
||
211 | text-decoration | CSS, CSS Property, CSS Text Decoration, Reference |
text-decoration CSS ๋จ์ถ ์์ฑ์ ๊ธ์จ์ ์ฅ์(์ ) ์์ ์ง์ ํฉ๋๋ค. |
||
212 | text-shadow | CSS, Reference |
text-shadow CSS ์์ฑ์ ํ
์คํธ์ ๊ทธ๋ฆผ์(shadow)๋ฅผ ํํํ๊ธฐ ์ํ ์์ฑ์ด๋ค. ์ฝค๋ง(,)๋ก ๊ตฌ๋ถ๋ ๊ทธ๋ฆผ์ ์ค์ ์ ๋ณด ๋ฆฌ์คํธ๊ฐ ํ
์คํธ์ ์๋ฆฌ๋จผํธ(element) text-decorations ์์ฑ์ ์ ์ฉ๋ ์ ์๋ค. |
||
213 | transform | |
CSS์ transform ์์ฑ์ ์ฌ์ฉํจ์ผ๋ก์จ, CSS์ ์๊ฐ์ ์์ ๋ชจ๋ธ(visual formatting model)์ ์ขํ ๊ณต๊ฐ์ ๋ณํ์ํฌ ์ ์๋ค. ํด๋น ์์ฑ์ ์ง์ ๋ ๊ฐ์ ๋ฐ๋ผ ์๋ฆฌ๋จผํธ(element)์ ์ด๋(translate), ํ์ (rotate), ํฌ๊ธฐ๋ณ๊ฒฝ(scale), ๊ธฐ์ธ์(skew)๋ฑ์ ํจ๊ณผ๋ฅผ ์ค ์ ์๋ค. |
||
214 | transition | |
transition CSS ์์ฑ์ transition-property , transition-duration , transition-timing-function ๊ณผ transition-delay ๋ฅผ ์ํ ๋จ์ถ ์์ฑ์
๋๋ค. ์ด ์์ฑ์ผ๋ก ์๋ฆฌ๋จผํธ์ ๋ ๊ฐ์ง ์ํ ์ฌ์ด์ ๋ณํ๋ฅผ ์ค ์ ์์ต๋๋ค. ์๋ฆฌ๋จผํธ์ ๊ฐ ์ํ๋ ๊ฐ์ ํด๋์ค ๋ฅผ ์ฌ์ฉํด ์ ์๋ :hover ์ด๋ :active ๋๋ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์ฌ์ฉํด ๋์ ์ผ๋ก ๋ง๋ค์ด์ง ๊ฒ๋ค์
๋๋ค. |
||
215 | transition-delay | |
transition-delay CSS ์์ฑ์ transition๋ ์์ฑ์ด transition ์์ฒญ์ ๋ฐ์ ์ดํ ์ค์ ๋ก transitionํ๊ธฐ๊น์ง ๊ธฐ๋ค๋ ค์ผํ๋ ์๊ฐ์ ์์ ์ง์ ํฉ๋๋ค. |
||
216 | unset | CSS, CSS Cascade, Keyword, Layout, Reference, Web |
unset CSS ํค์๋๋ initial ๋ฐ inherit ํค์๋์ ์กฐํฉ(combination)์
๋๋ค. ์ด ๋ค๋ฅธ CSS ํค์๋ ๋์ฒ๋ผ, CSS ๋จ์ถ(shorthand) ์์ฑ all ํฌํจ ๋ชจ๋ CSS ์์ฑ์ ์ ์ฉ๋ ์ ์์ต๋๋ค. ์ด ํค์๋๋ ์์ฑ์ ๋ถ๋ชจ๋ก๋ถํฐ ์์๋ฐ์ ๊ฒฝ์ฐ ๊ทธ ์์๊ฐ์ผ๋ก ์๋๋ฉด ์ด๊ธฐ๊ฐ์ผ๋ก ์ฌ์ค์ (reset)ํฉ๋๋ค. ๋ค์ ๋งํด์, ์ฒซ ๋ฒ์งธ๋ inherit ํค์๋์ฒ๋ผ ๋ ๋ฒ์งธ๋ initial ํค์๋์ฒ๋ผ ํ๋ํฉ๋๋ค. |
||
217 | vertical-align | CSS, CSS Property, Reference |
vertical-align CSS ์์ฑ์ inline ๋๋ table-cell box์์์ ์์ง ์ ๋ ฌ์ ์ง์ ํฉ๋๋ค. |
||
218 | visibility | CSS, CSS Box Model, CSS Property, Layout, Reference, Web |
visibility CSS ์์ฑ์ ๋ฌธ์์ ๋ ์ด์์์ ๋ณ๊ฒฝํ์ง ์๊ณ ์์๋ฅผ ๋ณด์ด๊ฑฐ๋ ์จ๊น๋๋ค. |
||
219 | white-space | |
white-space ์์ฑ์ ์ด๋ค ์์(element) ์์ ๊ณต๋ฐฑ(whitespace)์ด ์ด๋ป๊ฒ ์ฒ๋ฆฌ๋ ์ง๋ฅผ ๋ํ๋ด๋๋ฐ ์ฌ์ฉ๋ฉ๋๋ค. |
||
220 | width | CSS, CSS Property, Reference |
width CSS ์์ฑ์ ์์์ ๋๋น๋ฅผ ์ค์ ํฉ๋๋ค. ๊ธฐ๋ณธ๊ฐ์ ์ฝํ
์ธ ์์ญ์ ๋๋น์ด์ง๋ง, box-sizing ์ด border-box ๋ผ๋ฉด ํ
๋๋ฆฌ ์์ญ์ ๋๋น๋ฅผ ์ค์ ํฉ๋๋ค. |
||
221 | will-change | |
will-change CSS ์์ฑ์ ์์์ ์์๋๋ ๋ณํ์ ์ข
๋ฅ์ ๊ดํ ํํธ๋ฅผ ๋ธ๋ผ์ฐ์ ์ ์ ๊ณต์ผ ํ๋ค. ๊ทธ๋์ ์ค์ ์์๊ฐ ๋ณํ๋๊ธฐ ์ ์ ๋ฏธ๋ฆฌ ๋ธ๋ผ์ฐ์ ๋ ์ ์ ํ๊ฒ ์ต์ ํํ ์ ์๋ค. ์ด๋ฌํ ์ข
๋ฅ์ ์ต์ ํ๋ ์ ์ฌ์ ์ผ๋ก ์ฑ๋ฅ ๋น์ฉ์ด ํฐ ์์
์ ๊ทธ๊ฒ์ด ์ค์ ๋ก ์๊ตฌ๋๊ธฐ ์ ์ ๋ฏธ๋ฆฌ ์คํํจ์ผ๋ก์จ ํ์ด์ง์ ๋ฐ์์ฑ์ ์ฆ๊ฐ์ํฌ ์ ์๋ค. |
||
222 | word-break | |
word-break CSS ์์๋ ๋ฌธ์๊ฐ ๋ด์ฉ ๋ฐ์ผ๋ก ๋ฒ์ด๋ ๊ฒฝ์ฐ, ์ด๋ฅผ ์ค๋ฐ๊ฟํ ๊ฒ์ธ์ง์ ๋ํ ์ฌ๋ถ๋ฅผ ์ค์ ํฉ๋๋ค. |
||
223 | z-index | |
z-index CSS ์์ฑ์ ์๋ฆฌ๋จผํธ์ ๊ทธ ์๋ฆฌ๋จผํธ์ ์์ ์๋ฆฌ๋จผํธ๋ค์ z์ถ ์์๋ฅผ ์ง์ ํ๋ค. ์๋ฆฌ๋จผํธ๋ค์ด ๊ฒน์ณ์ก์ ๋ z์ถ ์์์ ๋ฐ๋ผ ์ด๋ค ์๋ฆฌ๋จผํธ๊ฐ ์์ ์ฌ์ง ๊ฒฐ์ ๋๋ค. z-index๊ฐ ๋์ ์๋ฆฌ๋จผํธ๋ ๋ฎ์ ์๋ฆฌ๋จผํธ๋ฅผ ๋ฎ๋๋ค. |
||
224 | ๊ฐ์ ์์ | Beginner, CSS, CSS Reference, Selectors |
๊ฐ์ ํด๋์ค(pseudo-classes )์ฒ๋ผ, ๊ฐ์ ์์(pseudo-element)๋ ์ ํ์(selector)์ ์ถ๊ฐ๋์ง๋ง ํน๋ณํ ์ํ๋ฅผ ๊ธฐ์ ํ๋ ๋์ , ๋ฌธ์์ ํน์ ๋ถ๋ถ์ ์คํ์ผํ ์ ์์ต๋๋ค. ์๋ฅผ ๋ค์ด, ::first-line ๊ฐ์ ์์๋ ์ ํ์์ ์ํด ์ง์ ๋ ์์์ ์ฒซ ์ค๋ง์ ๋์์ผ๋ก ํฉ๋๋ค. |
||
225 | ๊ฐ์ ํด๋์ค | CSS, CSS Reference, Intermediate, Selectors |
CSS pseudo-class ๋ ์ ํ๋ ์์(element)์ ํน๋ณํ ์ํ๋ฅผ ์ง์ ํ๋ ์ ํ์(selector)์ ์ถ๊ฐ๋ ํค์๋์
๋๋ค. ์๋ฅผ ๋ค์ด :hover ๋ ์ฌ์ฉ์๊ฐ ์ ํ์์ ์ํด ์ง์ ๋ ์์ ์๋ฅผ ๋งด๋(hover) ๋ ์คํ์ผ์ ์ ์ฉํฉ๋๋ค. |
||
226 | ๊ฒฐ์ ๊ฐ | CSS, Reference |
CSS ์์ฑ์ ๊ฒฐ์ ๊ฐ์ getComputedStyle() ์ด ๋ฐํํ๋ ๊ฐ์
๋๋ค. |
||
227 | ๊ณ์ฐ๊ฐ | CSS, Reference |
CSS ์์ฑ์ ๊ณ์ฐ๊ฐ์ ์๋ ๋ฐฉ์์ผ๋ก ์ง์ ๊ฐ(specified value)์์ ๊ณ์ฐ๋ฉ๋๋ค. | ||
228 | ๊ณตํต๋ CSS ์ง๋ฌธ๋ค | |
Browsers use the DOCTYPE declaration to choose whether to show the document using a mode that is more compatible with Web standards or with old browser bugs. Using a correct and modern DOCTYPE declaration at the start of your HTML will improve browser standards compliance. |
||
229 | ๊ตฌ๋ฌธ | Beginner, CSS, Guide, Web |
์ข ์ํ ์คํ์ผ ์ํธ(CSS) ์ธ์ด์ ๊ธฐ๋ณธ ๋ชฉํ๋ ๋ธ๋ผ์ฐ์ ์์ง์ด ์์, ์์น ์ง์ ๋๋ ์ฅ์๊ณผ ๊ฐ์ ํน์ ๊ธฐ๋ฅ์ ์ฌ์ฉํ์ฌ ํ์ด์ง์ ์์๋ฅผ ๊ทธ๋ฆด ์ ์๋๋ก ํ๋ ๊ฒ์ ๋๋ค. | ||
230 | ๋จ์ถ ์์ฑ | CSS, Guide, Layout, Reference, Web |
๋จ์ถ ์์ฑ์ ๋์์ ์ฌ๋ฌ ๋ค๋ฅธ CSS ์์ฑ๊ฐ์ ์ค์ ํ ์ ์๋ CSS ์์ฑ์ ๋๋ค. ๋จ์ถ ์์ฑ์ ์ฌ์ฉํ๋ฉด ์น ๊ฐ๋ฐ์์ ์๊ฐ๊ณผ ์๋์ง๋ฅผ ์ ์ฝํ๋ ๊ฐ๊ฒฐํ(์ฝ๊ธฐ๋ ์ข์) ์คํ์ผ ์ํธ๋ฅผ ์์ฑํ ์ ์์ต๋๋ค. | ||
231 | ๋ ์ด์์ ๋ชจ๋ | CSS |
CSS ๋ ์ด์์ ๋ชจ๋(layout mode, ๊ฐ๋ layout์ผ๋ก ์ค์ฌ ์)๋ ํ์ (sibling) ๋ฐ ์กฐ์(ancestor) ๋ฐ์ค์ ์ํธ ์์ฉํ๋ ๋ฐฉ์์ ๊ธฐ๋ฐ์ผ๋ก ๋ฐ์ค์ ์์น์ ํฌ๊ธฐ๋ฅผ ๊ฒฐ์ ํ๋ ์๊ณ ๋ฆฌ์ฆ์ ๋๋ค. ๊ทธ ์ค ๋ช ๊ฐ์ง์ ๋๋ค: | ||
232 | ๋ช ์๋ | CSS, Example, Guide, Reference, Web |
๋ช ์๋๋ ๋ธ๋ผ์ฐ์ ๊ฐ ์ด๋ ์์์ ๊ฐ์ฅ ์ฐ๊ด๋ ์์ฑ์ ์ฐพ๋ ์๋จ์ผ๋ก, ์ด๋ ๊ฒ ์ฐพ์ ์์ฑ์ด ํด๋น ์์์ ์ ์ฉ๋ฉ๋๋ค. ๋ช ์๋๋ ์ฌ๋ฌ ์ข ๋ฅ์ CSS ์ ํ์๋ก ๊ตฌ์ฑ๋ ์ผ์น ๊ท์น์ ๊ธฐ๋ฐํฉ๋๋ค. | ||
233 | ์ฌ์ฉ๊ฐ | CSS, Reference |
CSS ์์ฑ์ ์ฌ์ฉ๊ฐ์ ๊ณ์ฐ๊ฐ์ ๋ชจ๋ ๊ณ์ฐ์ ์ํํ ํ์ ๊ฒฐ๊ณผ ๊ฐ์ ๋๋ค. | ||
234 | ์ฌ์ฉ์ ์ ์ CSS ์์ฑ ์ฌ์ฉํ๊ธฐ (๋ณ์) | CSS, Guide, Web |
CSS ๋ณ์๋ ๋ฌธ์ ์ ๋ฐ์ ์ผ๋ก ์ฌ์ฌ์ฉํ ์ด๋ ํ ํน์ ๊ฐ์ ํฌํจํ๋, CSS ์์ฑ์๊ฐ ์ ์ํ ์ํฐํฐ์ด๋ค. ์ด ๋ณ์๋ ์ฌ์ฉ์ ์ ์ ์์ฑ ํ๊ธฐ๋ฒ (์ :--main-color: black; )์ ์ฌ์ฉํ์ฌ ์ค์ ๋๋ฉฐ var () ํจ์๋ฅผ ์ด์ฉํ์ฌ ์์ธ์คํ ์ ์๋ค. (์ : color: var(--main-color); ). |
||
235 | ์์ | CSS, Guide, Inheritance, Layout, Web |
MDN ๋ด ๊ฐ CSS ์์ฑ(property) ์ ์ ํ์ด์ง์ ์์ฝ์ ์ ๊ทธ ์์ฑ์ด ๊ธฐ๋ณธ(default)์ผ๋ก ์์๋๋์ง("Inherited: Yes") ํน์ ์์๋์ง ์๋์ง("Inherited: no") ์ฐ์ฌ ์์ต๋๋ค. ์ด ์์ ์ฌ๋ถ๋ ์์์ ์์ฑ์ ์ด๋ค ๊ฐ์ด ์ง์ ๋์ง ์์ ๋ ์ผ์ด๋๋ ์ผ์ ์ ์ดํฉ๋๋ค. | ||
236 | ์์ฑ ์ ํ์ | CSS, Reference, Selectors |
CSS ์์ฑ ์ ํ์ ๋ ์์์ ์ฃผ์ด์ง ์์ฑ์ ์กด์ฌ ์ฌ๋ถ๋ ๊ทธ ๊ฐ์ ํ๋ณํด ์ ํํฉ๋๋ค. | ||
237 | ์ค์ ๊ฐ | CSS, Reference |
CSS ์์ฑ์ ์ค์ ๊ฐ์ ๋ชจ๋ ๊ทผ์ฌ์น(approximation)๊ฐ ์ ์ฉ๋ ๋ค์ ์ฌ์ฉ๊ฐ์ ๋๋ค. ์๋ฅผ ๋ค์ด, ์ฌ์ฉ์ ์์ด์ ํธ๋ ์ค์ง ์ ์ ํฝ์ ๊ฐ์ผ๋ก ํ ๋๋ฆฌ(border)๋ฅผ ๋ ๋๋งํ ์๋ ์๊ณ ํ ๋๋ฆฌ์ ๊ณ์ฐ๋ ํญ(width)์ ๊ทผ์ ํ๋๋ก ๊ฐ์ ํ ์ง๋ ๋ชจ๋ฆ ๋๋ค. | ||
238 | ์ ํ ์ ํ์ | CSS, HTML, Node, Reference, Selectors |
CSS ์ ํ ์ ํ์๋ ๋ ธ๋ ์ด๋ฆ์ ์ฌ์ฉํด ์์๋ฅผ ์ ํํฉ๋๋ค. ์ฆ ๋ฌธ์ ๋ด์์ ์ฃผ์ด์ง ์ ํ์ ๋ชจ๋ ์์๋ฅผ ์ ํํฉ๋๋ค. | ||
239 | ์ธ์ ํ์ ์ ํ์ | CSS, Reference, Selectors |
์ธ์ ํ์ ์ ํ์(+ )๋ ์์์ ์ง์ ํ ์์์ ๋ฐ๋ก ๋ค์์ ์์นํ๋ ์์๋ง ์ ํํฉ๋๋ค. |
||
240 | ์ ์ฒด ์ ํ์ | CSS, Reference, Selectors |
CSS ์ ์ฒด ์ ํ์(* )๋ ๋ชจ๋ ํํ์ ๋ชจ๋ ์์๋ฅผ ์ ํํฉ๋๋ค. |
||
241 | ์ข ์ | CSS, Guide, Introduction, Layout, Reference |
์ข ์(Cascade)์ด๋ ์๋ก ๋ค๋ฅธ ์์ ์์ ๊ฐ์ ธ์จ ์์ฑ ์ฌ๋ฟ์ ์กฐํฉํด ์ต์ข ๊ฒฐ๊ณผ๋ฅผ ๋์ถํ๋ ์๊ณ ๋ฆฌ์ฆ์ ๋๋ค. Cascading Style Sheets๋ผ๋ ์ด๋ฆ์์๋ ์ ์ ์๋ฏ ์ข ์์ CSS์ ์ค์ฌ์ ๋๋ค. ์ด ๊ธ์ ์ข ์์ด ๋ฌด์์ธ์ง, ์ ์ธํ CSS ์ ์๊ฐ ์ด๋ค ์์๋ก ์ข ์๋๋์ง, ๊ทธ๋ฆฌ๊ณ ์ฌ๋ฌ๋ถ, ์ฆ ์น ๊ฐ๋ฐ์์๊ฒ ์ด๋ค ์ํฅ์ ์ฃผ๋์ง ์ค๋ช ํฉ๋๋ค. | ||
242 | ์ง์ ๊ฐ | CSS, CSS Reference |
CSS ์์ฑ์ ์ง์ ๊ฐ์ ์ธ ๊ฐ์ง ๋ฐฉ๋ฒ ์ค ํ๋๋ก ์ค์ ๋ฉ๋๋ค. | ||
243 | ์ด๊ธฐ๊ฐ | CSS, Reference |
๊ฐ CSS ์์ฑ(property) ์ ์ ํ์ด์ง์ ์์ฝ์ ์ ์ฃผ์ด์ง ์ด๊ธฐ๊ฐ(initial value)์ ์์๊ณผ ๋น์์ ์์ฑ์ ๋ฐ๋ผ ์๋ฏธ๊ฐ ๋ค๋ฆ ๋๋ค. | ||
244 | ์ปจํ ์ด๋ ๋ธ๋ก์ ๋ชจ๋ ๊ฒ | CSS, Guide, Layout, Position |
์์๋ค์ ํฌ๊ธฐ์ ์์น๋ ์ปจํ ์ด๋ ๋ธ๋ก(containing block)์ ์ํฅ์ ๋ฐ๊ณค ํฉ๋๋ค. ๋๋ถ๋ถ์ ๊ฒฝ์ฐ ์ด๋ค ์์์ ์ปจํ ์ด๋ ๋ธ๋ก์ ๊ทธ ์์์ ๊ฐ์ฅ ๊ฐ๊น์ด ๋ธ๋ก ๋ ๋ฒจ ์กฐ์์ ์ฝํ ์ธ ์์ญ์ด๋, ํญ์ ๊ทธ๋ฐ ๊ฒ์ ์๋๋๋ค. ์ด ๊ธ์์๋ ์์์ ์ปจํ ์ด๋ ๋ธ๋ก์ ๊ฒฐ์ ํ๋ ์์ธ์ ์ดํด๋ณด๊ฒ ์ต๋๋ค. | ||
245 | ํด๋์ค ์ ํ์ | CSS, Reference, Selectors |
CSS ํด๋์ค ์ ํ์๋ ์์์ class ์์ฑ์ ํ๋ณํ๊ณ ์ ํํฉ๋๋ค. |
||