CSS documentation index

Found 299 pages:

# Page Tags and summary
1 CSS: Cascading Style Sheets CSS, Design, Landing, Layout, Reference, l10n:priority, 스타일시트
Cascading Style Sheets(CSS)는 HTML이나 XML (en-US)(SVG, XHTML 같은 XML 방언(dialect) 포함)로 작성된 문서의 표현을 기술하기 위해 쓰이는 스타일시트 언어입니다.
2 :active CSS, Layout, Pseudo-class, Reference, Web
:active CSS 의사 클래스는 사용자가 활성화한 요소(버튼 등)를 나타냅니다.
3 :checked CSS, Layout, Pseudo-class, Reference, Web
:checked CSS 의사 클래스 선택자는 선택했거나 on 상태인 라디오(<input type="radio">), 체크박스(<input type="checkbox"> (en-US)), 옵션(option 요소를 나타냅니다.
4 :default CSS, Layout, Pseudo-class, Reference, Selector, Web
CSS :default 의사 클래스는 연관 요소 내에서의 기본값인 요소를 선택합니다.
5 :defined CSS, Layout, Pseudo-class, Reference, Selector, Web
CSS :defined 의사 클래스는 정의된 요소를 선택합니다. 정의된 요소란 브라우저에 내장된 표준 요소와, 성공적으로 정의(CustomElementRegistry.define() 메서드 등)한 사용자 지정 요소를 의미합니다.
6 :disabled CSS, Layout, Pseudo-class, Reference, Web
CSS :disabled 의사 클래스는 모든 비활성 요소를 나타냅니다. 비활성 요소란 활성(선택, 클릭, 입력 등등)하거나 포커스를 받을 수 없는 요소를 말합니다. 반대 상태인 활성 요소도 존재합니다.
7 :enabled CSS, Layout, Pseudo-class, Reference, Web
CSS :enabled 의사 클래스는 모든 활성 요소를 나타냅니다. 활성 요소란 활성(선택, 클릭, 입력 등등)하거나 포커스를 받을 수 있는 요소를 말합니다. 반대 상태인 비활성 요소도 존재합니다.
8 :first-child CSS, Layout, Pseudo-class, Reference, Web
CSS :first-child 의사 클래스는 형제 요소 중 제일 첫 요소를 나타냅니다.
9 :first-of-type CSS, Layout, Pseudo-class, Reference, Selector, Web
CSS :first-of-type 의사 클래스는 형제 요소 중 자신의 유형과 일치하는 제일 첫 요소를 나타냅니다.
10 :first CSS, Layout, Pseudo-class, Reference, Web
CSS :first 의사 클래스@page @-규칙과 함께 사용되며, 출력 시의 첫 페이지를 나타냅니다.
11 :focus-within CSS, Layout, Pseudo-class, Reference, Selector, Web
CSS :focus-within 의사 클래스는 포커스를 받았거나, 포커스를 받은 요소를 포함하는 요소를 나타냅니다. 즉 스스로 :focus 의사 클래스와 일치하거나, 그 자손 중 하나가 :focus와 일치하는 요소를 나타냅니다. (섀도 트리 내부도 포함)
12 :focus CSS, Layout, Pseudo-class, Reference, Selector, Web
CSS :focus 의사 클래스는 양식의 입력 칸 등 포커스를 받은 요소를 나타냅니다. 보통 사용자가 요소를 클릭 또는 탭하거나, 키보드 Tab 키로 선택했을 때 발동합니다.
13 :fullscreen CSS, Fullscreen API, Pseudo-class, Reference, Selector, 전체화면
CSS :fullscreen 의사 클래스는 전체 화면 모드에 진입한 모든 요소와 일치합니다. 다수의 요소가 전체 화면 중이라면 그 요소 모두 선택합니다.
14 :hover CSS, Layout, Pseudo-class, Reference, Web
:hover CSS 의사 클래스는 사용자가 포인팅 장치를 사용해 상호작용 중인 요소를 선택합니다. 보통 사용자의 커서(마우스 포인터)가 요소 위에 올라가 있으면 선택됩니다.
15 :link CSS, Layout, Pseudo-class, Reference, Web
:link CSS 의사 클래스는 아직 방문하지 않은 요소를 나타냅니다.
16 :not() CSS, Layout, Pseudo-class, Reference
부정(negation) CSS 가상 클래스 :not(X)는 인수로 간단한 선택자(selector) X를 취하는 기능 표기법입니다. 인수로 표시되지 않은 요소와 일치합니다. X는 다른 부정 선택자를 포함해서는 안 됩니다.
17 :nth-child CSS, Layout, Pseudo-class, Reference, Web
CSS :nth-child() 의사 클래스는 형제 사이에서의 순서에 따라 요소를 선택합니다.
18 :root CSS, Layout, Pseudo-class, Reference, Selector, Web
CSS :root 의사 클래스는 문서 트리의 루트 요소를 선택합니다 HTML의 루트 요소는 html 요소이므로, :root명시도가 더 낮다는 점을 제외하면 html 선택자와 똑같습니다.
19 :visited CSS, Layout, Pseudo-class, Reference, Web
:visited CSS 의사 클래스는 사용자가 방문한 적이 있는 링크를 나타냅니다. :visited가 바꿀 수 있는 스타일은 개인정보 보호를 위해 매우 제한적입니다.
20 ::after (:after) CSS, Layout, Pseudo-element, Reference, Web
CSS에서, ::after는 선택한 요소의 맨 마지막 자식으로 의사 요소를 하나 생성합니다. 보통 content 속성과 함께 짝지어, 요소에 장식용 콘텐츠를 추가할 때 사용합니다.
21 ::before (:before) CSS, Layout, Pseudo-element, Reference, Web
CSS에서, ::before는 선택한 요소의 첫 자식으로 의사 요소를 하나 생성합니다. 보통 content 속성과 함께 짝지어, 요소에 장식용 콘텐츠를 추가할 때 사용합니다.
22 ::placeholder
The ::placeholder CSS pseudo-element represents the placeholder text in an input or textarea element.
23 -moz-image-region CSS, CSS Property, CSS:Mozilla Extensions, Non-standard
XUL 요소와 가상요소들에 대하여 list-style-image  속성을 사용할때 이 속성은 전체이미지에서 사용되는 부분의 령역을 지정합니다.  이것은 요소들이 성능을 향상시키기 위해 같은 이미지의 서로다른 부분을 사용할수 있게 합니다.
24 -webkit-line-clamp CSS, CSS Property, Non-standard, Reference, recipe:css-property
-webkit-line-clamp CSS 속성은 block container의 콘텐츠를 지정한 줄 수만큼으로 제한합니다.
25 -webkit-overflow-scrolling CSS, CSS Property, Non-standard, Reference
CSS -webkit-overflow-scrolling 속성은 터치 단말기에서 주어진 요소의 모멘텀 기반 스크롤 활성화 여부를 결정합니다.
26 @charset At-rule, CSS, Layout, Reference, Web
@charset CSS at-규칙은 스타일 시트에 쓰이는 문자 인코딩을 지정합니다. 스타일 시트의 첫 번째 요소여야 하며 어떤 문자가 선행되지 않아야 합니다; 중첩된 문이 아니기에, 조건부 그룹 at-규칙 내에 사용될 수 없습니다. 여러 @charset at-규칙이 정의된 경우, 첫 번째 것만 사용되고 HTML 요소의 style attribute 또는 HTML 페이지의 문자 집합과 관련 있는 style 요소 내에서 사용될 수 없습니다.
27 @font-face
CSS at-rule 인 @font-face 를 사용하여 웹페이지의 텍스트에 온라인폰트(online fonts)를 적용할 수 있다. @font-face 를 사용하여 웹페이지 제작자가 원하는 폰트를 사용할 수 있게함으로써, 컴퓨터에 설치된 폰트만을 사용해야했던 제약이 없어지게되었다. @font-face at-rule 은 CSS의 top-level에서 뿐 아니라, CSS conditional-group at-rule 안에서도 사용될 수도 있다. 
28 font-display
font-display 설명자(descriptor)는 font face가 표시되는 방법을 결정합니다. 이는 다운로드 여부와 사용 시기에 따라 다릅니다.
29 @import At-rule, CSS, Reference
@import CSS @규칙은 다른 스타일 시트에서 스타일 규칙을 가져올 때 쓰입니다.
30 @keyframes Animations, At-rule, CSS, Reference
@keyframes @규칙은 개발자가 애니메이션 중간중간의 특정 지점들을 거칠 수 있는 키프레임들을 설정함으로써 CSS 애니메이션 과정의 중간 절차를 제어할 수 있게 합니다. 이 룰은 브라우저가 자동으로 애니메이션을 처리하는 것 보다 더 세밀하게 중간 동작들을 제어할 수 있습니다.
31 @media @media, At-rule, CSS, Reference, 미디어 쿼리
@media CSS @규칙은 스타일 시트의 일부를 하나 이상의 미디어 쿼리 결과에 따라 적용할 때 사용할 수 있습니다.
32 prefers-color-scheme @media, CSS, Reference, Web, prefers-color-scheme
prefers-color-scheme CSS 미디어 특성은 사용자의 시스템이 라이트 테마나 다크 테마를 사용하는지 탐지하는 데에 사용됩니다.
33 @namespace At-rule, CSS, Layout, Reference, Web
@namespaceCSS 스타일 시트에서 사용되는 XML 네임스페이스를 정의하는 at-규칙입니다. 정의된 네임스페이스는 오직 그 네임스페이스 내의 요소를 선택만 하기 위해 universal, typeattribute 선택자 (en-US)를 제한하는 데 사용될 수 있습니다. @namespace 규칙은 보통 여러 네임스페이스(인라인 SVG 또는 MathML 있는 HTML5 또는 다양한 어휘를 섞는 XML 등)를 포함하는 문서를 처리하는 경우에만 유용합니다.
34 @page At-rule, CSS, Layout, Reference, Web
@page CSS @규칙은 문서를 인쇄할 때 일부 CSS 속성을 수정하는 데 쓰입니다. @page로 모든 CSS 속성을 바꿀 수는 없습니다. 문서의 margin, orphan, widow(앞단에서 넘어온 짤막한 행) 및 page break만 바꿀 수 있습니다. 다른 CSS 속성을 바꾸려는 시도는 무시됩니다.
35 @supports At-rule, CSS, Layout, Reference, Web
@supports CSS @규칙은 주어진 하나 이상의 CSS 기능을 브라우저가 지원하는지에 따라 다른 스타일 선언을 할 수 있는 방법을 제공합니다.
36 @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).
37 실제값 CSS, Reference
CSS 속성의 실제값은 모든 근사치(approximation)가 적용된 뒤의 사용값입니다. 예를 들어, 사용자 에이전트는 오직 정수 픽셀값으로 테두리(border)를 렌더링할 수도 있고 테두리의 계산된 폭(width)에 근접하도록 강제할 지도 모릅니다.
38 인접 형제 결합자 CSS, Reference, Selectors
인접 형제 결합자(+)는 앞에서 지정한 요소의 바로 다음에 위치하는 형제 요소만 선택합니다.
39 align-content CSS, CSS Box Alignment, CSS Property, Reference
CSS align-content 속성은 콘텐츠 사이와 콘텐츠 주위 빈 공간을 플렉스박스의 교차축, 그리드의 블록 축을 따라 배치하는 방식을 결정합니다.
40 all CSS, CSS Cascade, CSS Property, Reference, recipe:css-property
CSS all 단축 속성은 요소의 unicode-bidi, direction, CSS 사용자 지정 속성을 제외한 모든 속성을 초기화합니다.
41 Alternative style sheets
Firefox는 대체 스타일시트 를 지원합니다. 대체 스타일시트를 제공하는 페이지에서는 보기>페이지 스타일 메뉴를 이용하여 페이지에 적용될 스타일을 선택할 수 있습니다. 따라서 사용자는 자신이 원하는 다양한 종류의 페이지를 볼 수 있게 됩니다.
42 <angle-percentage> CSS, CSS Data Type, Data Type, Reference, 자료형
CSS <angle-percentage> 자료형<angle><percentage> 모두 가능한 값을 나타냅니다.
43 <angle> CSS, CSS Data Type, Data Type, Layout, Reference, Web, 자료형
CSS <angle> 자료형은 각도의 값을 도, 그레이드, 라디안 또는 회전수로 표현합니다.
44 animation-delay CSS, CSS Property, CSS animation, Reference
animation-delay CSS 속성은 애니메이션이 시작할 시점을 지정합니다. 시작 즉시, 잠시 후에, 또는 애니메이션이 일부 진행한 시점부터 시작할 수 있습니다.
45 animation-direction CSS 속성, CSS 애니메이션
animation-direction CSS 속성은 애니메이션이 앞으로, 뒤로 또는 앞뒤로 번갈아 재생되어야하는지 여부를 지정합니다.
46 animation-duration CSS 애니메이션
animation-duration CSS 속성은 애니메이션이 한 사이클을 완료하는 데 걸리는 시간을 지정합니다.
47 animation-fill-mode CSS 속성, CSS 애니메이션
animation-fill-mode CSS 속성은 CSS 애니메이션이 실행 전과 후에 대상에 스타일을 적용하는 방법을 지정합니다.
48 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의 단축 속성입니다.
49 @-규칙 At-rule, CSS, CSS Reference
@-규칙은 식별자(identifier)가 뒤따르는 at 기호('@' (U+0040 COMMERCIAL AT))로 시작하는 CSS 문이며 다음 세미콜론(';' (U+003B SEMICOLON)) 또는 다음 CSS 블록 중 먼저 오는 쪽까지 모든 것을 포함합니다.
50 특성 선택자 CSS, Reference, Selectors
CSS 특성 선택자는 주어진 특성의 존재 여부나 그 값에 따라 요소를 선택합니다.
51 backdrop-filter CSS, CSS Property, Graphics, Layout, Reference, SVG, SVG Filter, Web, recipe:css-property
CSS backdrop-filter는 요소 뒤 영역에 흐림이나 색상 시프트 등 그래픽 효과를 적용할 수 있는 속성입니다.
52 backface-visibility CSS, CSS Property, CSS Transforms, Reference, recipe:css-property
CSS backface-visibility 속성은 요소의 뒷면이 사용자를 향할 때 보여야 하는지 지정합니다.
53 background-attachment CSS, CSS Background, CSS Property, Reference, recipe:css-property
CSS background-attachment 속성은 배경 이미지를 viewport 내에서 고정할지, 아니면 자신의 컨테이닝 블록과 함께 스크롤할지 지정합니다.
54 background-clip CSS, CSS Background, CSS Property, Reference, recipe:css-property
CSS background-clip 속성은 요소의 배경이 테두리, 안쪽 여백, 콘텐츠 상자 중 어디까지 차지할 지 지정합니다.
55 background-color CSS, CSS Background, CSS Property, Graphics, HTML Colors, HTML Styles, Layout, Reference, Styles, Styling HTML
CSS background-color 속성은 요소의 배경 색을 지정합니다.
56 background-image CSS, CSS Background, CSS Property, Reference
CSS background-image 속성은 요소의 배경 이미지를 한 개나 여러 개 지정합니다.
57 background-origin CSS, CSS Background, CSS Property, Reference, recipe:css-property
CSS background-origin 속성은 배경의 원점을 테두리 시작점, 테두리 내부, 안쪽 여백 내부 중 하나로 지정합니다.
58 background-repeat CSS, CSS Background, CSS Property, Reference, recipe:css-property
CSS background-repeat 속성은 배경 이미지의 반복 방법을 지정합니다. 가로축 및 세로축을 따라 반복할 수 있고, 아예 반복하지 않을 수도 있습니다.
59 background-size CSS, CSS Background, CSS Property, Reference
배경 이미지로 덮이지 않은 공간은 background-color 속성으로 채워지고, 배경 이미지에서 투명하거나 반투명한 부분을 통해서도 배경색이 보입니다.
60 background CSS, CSS Background, CSS Property, Reference, recipe:css-shorthand-property
CSS background 단축 속성은 색상, 이미지, 원점, 크기, 반복 등 여러 배경 스타일을 한 번에 지정합니다.
61 <basic-shape> CSS, CSS Date Type, CSS Shapes, Reference
<basic-shape> CSS 자료형clip-path, shape-outside, offset-path 속성이 사용할 형태를 정의합니다.
62 <blend-mode> CSS, CSS Data Type, Reference, 블렌드 모드, 혼합 모드
CSS <blend-mode> 자료형은 요소가 겹칠 경우 색상이 어떻게 나타나야 하는지 정의합니다. background-blend-modemix-blend-mode 속성에서 사용합니다.
63 border-bottom-color CSS, CSS Borders, CSS Property, Reference
border-bottom-color CSS 속성은 요소의 아래쪽 테두리 색상을 지정합니다.
64 border-bottom-style CSS, CSS Borders, CSS Property, Reference
border-bottom-style CSS 속성은 요소 테두리의 아래쪽 스타일을 지정합니다.
65 border-bottom-width CSS, CSS Borders, CSS Property, Reference, recipe:css-property
CSS border-bottom-width 속성은 요소의 아래 테두리 너비를 지정합니다.
66 border-bottom CSS, CSS Borders, CSS Property, Reference, 테두리
border-bottom CSS 단축 속성은 요소의 아래쪽 테두리를 설정합니다.
67 border-collapse CSS, CSS Borders, CSS Property, CSS Tables, Reference
border-collapse CSS 속성은 표 테두리(border)가 분리(separated) 또는 상쇄(collapsed)될 지를 결정합니다. 분리 모델에서는, 인접한 셀은 각각 자신의 고유(distinct) 테두리가 있습니다. 상쇄 모델에서는, 인접한 표 셀은 테두리를 공유합니다.
68 border-color CSS, CSS Borders, CSS Property, Reference
border-color CSS 단축 속성은 모든 면의 테두리 색상을 설정합니다.
69 border-image-outset CSS, CSS Borders, CSS Property, Reference
border-image-outset CSS 속성은 요소의 테두리 상자와 테두리 이미지의 거리를 설정합니다.
70 border-image-repeat CSS, CSS Borders, CSS Property, Reference
border-image-repeat CSS 속성은 원본 이미지의 모서리 영역을 요소의 테두리 이미지 크기에 맞춰 조절할 때 사용할 방법을 지정합니다.
71 border-image-slice CSS, CSS Borders, CSS Property, Reference
border-image-slice CSS 속성은 border-image-source로 설정한 이미지를 여러 개의 영역으로 나눕니다. 이렇게 나눠진 영역이 요소의 테두리 이미지를 이룹니다.
72 border-image-source CSS, CSS Borders, CSS Property, Reference
border-image-source CSS 속성은 요소의 테두리 이미지로 사용할 원본 이미지를 지정합니다.
73 border-image-width CSS, CSS Borders, CSS Property, Reference
border-image-width CSS 속성은 요소 테두리 이미지의 너비를 설정합니다.
74 border-image CSS, CSS Borders, CSS Property, Reference
border-image CSS 속성은 요소의 주위에 이미지를 그립니다. 일반 테두리를 대체합니다.
75 border-left-color CSS, CSS Borders, CSS Property, Reference
border-left-color CSS 속성은 요소의 왼쪽 테두리 색상을 지정합니다.
76 border-left-style CSS, CSS Borders, CSS Property, Reference
border-left-style CSS 속성은 요소 테두리의 왼쪽 스타일을 지정합니다.
77 border-left-width CSS, CSS Borders, CSS Property, Reference, recipe:css-property
CSS border-left-width 속성은 요소의 왼쪽 테두리 너비를 지정합니다.
78 border-left CSS, CSS Borders, CSS Property, Reference, 테두리
border-left CSS 단축 속성은 요소의 왼쪽 테두리를 설정합니다.
79 border-radius CSS, CSS Borders, CSS Property, Reference, recipe:css-shorthand-property
CSS border-radius 속성은 요소 테두리 경계의 꼭짓점을 둥글게 만듭니다. 하나의 값을 사용해 원형 꼭짓점을, 두 개의 값을 사용해 타원형 꼭짓점을 적용할 수 있습니다.
80 border-right-color CSS, CSS Borders, CSS Property, Reference
border-right-color CSS 속성은 요소의 오른쪽 테두리 색상을 지정합니다.
81 border-right-style CSS, CSS Borders, CSS Property, Reference
border-right-style CSS 속성은 요소 테두리의 오른쪽 스타일을 지정합니다.
82 border-right-width CSS, CSS Borders, CSS Property, Reference, recipe:css-property
CSS border-right-width 속성은 요소의 오른쪽 테두리 너비를 지정합니다.
83 border-right CSS, CSS Borders, CSS Property, Reference, 테두리
border-right CSS 단축 속성은 요소의 오른쪽 테두리를 설정합니다.
84 border-spacing CSS, CSS Property, CSS Tables, Reference, recipe:css-property
CSS border-spacing 속성은 인접한 표 칸의 테두리 간격을 지정합니다.
85 border-style CSS, CSS Borders, CSS Property, Reference
border-style CSS 단축 속성은 요소 테두리 네 면의 스타일을 지정합니다.
86 border-top-color CSS, CSS Borders, CSS Property, Reference
border-top-color CSS 속성은 요소의 위쪽 테두리 색상을 지정합니다.
87 border-top-style CSS, CSS Borders, CSS Property, Reference
border-top-style CSS 속성은 요소 테두리의 위쪽 스타일을 지정합니다.
88 border-top-width CSS, CSS Borders, CSS Property, Reference, recipe:css-property
CSS border-top-width 속성은 요소의 위쪽 테두리 너비를 지정합니다.
89 border-top CSS, CSS Borders, CSS Property, Reference, 테두리
border-top CSS 단축 속성은 요소의 위쪽 테두리를 설정합니다.
90 border-width CSS, CSS Borders, CSS Property, Reference, recipe:css-shorthand-property
CSS border-width 단축 속성은 요소 네 면 테두리의 너비를 설정합니다.
91 border CSS, CSS Borders, CSS Property, Layout, Reference, recipe:css-shorthand-property
CSS border 단축 속성은 요소의 테두리를 설정합니다. border-width, border-style, border-color의 값을 설정합니다.
92 box-shadow CSS, CSS Property, CSS Styles, Reference
…for a long, straight shadow edge, this should create a color transition the length of the blur distance that is perpendicular to and centered on the shadow’s edge, and that ranges from the full shadow color at the radius endpoint inside the shadow to fully transparent at the endpoint outside it.
93 box-sizing CSS, CSS Property, Reference
box-sizing CSS 속성은 요소의 너비와 높이를 계산하는 방법을 지정합니다.
94 calc() CSS, CSS Function, Layout, Reference, Web
calc() CSS 함수를 사용하면 CSS 속성의 값으로 계산식을 지정할 수 있습니다.
95 종속 CSS, Guide, Introduction, Layout, Reference
종속(Cascade)이란 서로 다른 원점에서 가져온 속성 여럿을 조합해 최종 결과를 도출하는 알고리즘입니다. Cascading Style Sheets라는 이름에서도 알 수 있듯 종속은 CSS의 중심입니다. 이 글은 종속이 무엇인지, 선언한 CSS 정의 (en-US)가 어떤 순서로 종속되는지, 그리고 여러분, 즉 웹 개발자에게 어떤 영향을 주는지 설명합니다.
96 자식 결합자 CSS, Reference, Selectors
자식 결합자(>)는 두 개의 CSS 선택자 사이에 위치하여 뒤쪽 선택자의 요소가 앞쪽 선택자 요소의 바로 밑에 위치할 경우에만 선택합니다.
97 클래스 선택자 CSS, Reference, Selectors
CSS 클래스 선택자는 요소의 class 특성에 기반해 요소를 선택합니다.
98 clear CSS, CSS Positioning, CSS Property, Reference
clear CSS 속성은 요소가 선행 부동(floating) 요소 다음일 수 있는지 또는 그 아래로 내려가(해제되어(cleared))야 하는 지를 지정합니다. clear 속성은 부동 및 비부동 요소 모두에 적용됩니다.
99 clip-path CSS, CSS Masking, CSS Property, Experimental, Reference, Web
clip-path CSS 속성은 요소의 클리핑 범위를 지정합니다. 클리핑 범위 안의 부분은 보여지고, 바깥은 숨겨집니다.
100 <color> CSS, CSS Date Type, Layout, Reference, Web
CSS <color> 자료형sRGB 색 공간의 한 색을 표현하며, 추가로 알파 채널 투명도 값도 가질 수 있어 자신이 가리키는 색상과 배경이 어떻게 합성되어야 하는지 지정할 수 있습니다.
101 color CSS, CSS Colors, CSS Property, CSS Text, Layout, Reference, Web, 색
color CSS 속성은 요소의 글씨 및 글씨 장식의 전경색과 currentcolor의 값을 설정합니다.
102 Comments CSS, Reference
CSS 주석은 코드에 설명을 넣거나, 브라우저가 스타일 시트의 특정 부분을 읽지 못하도록 방지할 때 사용합니다. 주석은 문서의 레이아웃에 영향을 주지 않습니다.
103 계산값 CSS, Reference
CSS 속성의 계산값은 상속 과정에서 부모가 자식에게 물려주는 값을 말합니다.
104 contain CSS, CSS Containment, CSS Property, Reference, Web, recipe:css-property
CSS contain 속성은 특정 요소와 콘텐츠가 문서 트리의 다른 부위와 독립되어있음을 나타낼 때 사용합니다. 브라우저는 이 정보를 사용해 레이아웃, 스타일, 페인트, 크기, 또는 그 조합의 계산을 전체 페이지 DOM 대신 일부에서만 수행할 수 있으므로 뚜렷한 성능 상 이점을 얻을 수 있습니다.
105 컨테이닝 블록의 모든 것 CSS, Guide, Layout, Position
이 글에서는 요소의 컨테이닝 블록을 결정하는 요인을 살펴보겠습니다.
106 content CSS, CSS Counter, CSS Property, Reference
CSS content 속성은 생성한 값으로 요소를 대체합니다. content 속성으로 추가한 요소는 "익명 대체 요소"입니다.
107 CSS animated properties CSS
일부 CSS 속성은 애니메이션될 수 있습니다, 즉 그 값을 바꿀 때 CSS animation 또는 CSS transition이 사용된 경우 부드러운 방식으로 바꿀 수 있습니다.
108 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.
109 CSS 애니메이션 사용하기 Advanced, CSS, CSS Animations, Example, Experimental, Guide
CSS3 애니메이션은 엘리먼트에 적용되는 CSS 스타일을 다른 CSS 스타일로 부드럽게 전환시켜 줍니다. 애니메이션은 애니메이션을 나타내는 CSS 스타일과 애니메이션의 중간 상태를 나타내는 키프레임들로 이루어집니다.
110 CSS 배경 및 테두리 CSS, CSS Backgrounds and Borders, Guide, Overview, Reference
CSS Backgrounds and Borders 모듈의 스타일은 배경에 색과 이미지를 채우거나, 기타 다른 방식으로 수정할 수 있습니다. 또한 테두리를 선이나 이미지로 장식할 수 있고, 직각 뿐 아니라 원형 테두리로 만들 수도 있습니다.
111 배경 이미지 크기 조정하기 CSS, CSS Background, Example, Guide, Intermediate, Reference, Web
CSS 배경 이미지의 기본 설정값에서는 원본 이미지가 크기 변화 없이 바둑판식으로 배열됩니다. background-size 속성에 가로와 세로 크기를 지정해 크기를 바꿀 수 있습니다.
112 한 번에 여러 배경 사용하기 CSS, CSS Background, Example, Guide, Reference
여러 개의 배경을 한 번에 적용할 수도 있습니다. 첫 번째 배경이 맨 위에, 마지막 배경이 맨 밑에 위치하는 레이어 구조를 사용하게 됩니다.
113 CSS Basic User Interface CSS, CSS Basic User Interface, Guide, Overview, Reference
CSS Basic User Interface는 사용자 인터페이스와 연관된 렌더링 및 기능의 동작 방식을 정의하는 CSS 모듈입니다.
114 cursor 속성값에 URL 사용 CSS, CSS_2.1, Cross-browser_Development, Web Development
Gecko 1.8 (Firefox 1.5, SeaMonkey 1.0)은 URL 값을 CSS2 커서 속성값으로 사용하는 것을 지원합니다. 이 기능은 마우스 커서 모양으로 임의의 이미지 를 지정할 수 있게 해줍니다 — Gecko가 지원하는 모든 이미지 포맷을 사용할 수 있습니다.
115 CSS Basic Box Model CSS, CSS Box Model, Overview, Reference
CSS Basic Box Model은 각 요소에 대해 시각적 서식 모델에 따라 생성하고 배치하는 사각형 박스(안팎 여백 포함)를 위한 CSS 모듈입니다.
116 CSS 기본 박스 모델 입문 CSS, CSS Box Model, Guide, Layout
문서의 레이아웃을 계산할 때, 브라우저의 렌더링 엔진은 표준 CSS 기본 박스 모델에 따라 각각의 요소를 사각형 박스로 표현합니다. CSS는 박스의 크기, 위치, 속성(색, 배경, 테두리 모양 등)을 결정합니다.
117 여백 상쇄 정복 CSS, CSS Box Model, Guide, Reference
여러 블록의 위쪽아래쪽 바깥 여백(마진)은 경우에 따라 제일 큰 여백의 크기를 가진 단일 여백으로 결합(상쇄)되곤 합니다. 이런 동작을 여백 상쇄라고 부릅니다. 단, 플로팅 요소와 절대 위치를 지정한 요소의 여백은 절대 상쇄되지 않습니다.
118 CSS Charsets CSS, CSS Charsets, Overview, Reference
CSS Charsets는 스타일 시트에서 사용하는 문자 집합을 정의할 수 있는 CSS 모듈입니다.
119 CSS Color CSS, CSS Colors, HTML Colors, Overview, Reference
CSS 색상은 색상, 색상 유형, 색상 혼합, 투명도 및 이러한 색상 효과를 HTML에 적용하는 방법을 다루는 CSS 모듈입니다. <color> 값을 취하는 모든 CSS 속성이 이 모듈에 속하는건 아니지만 의존성은 가지고 있습니다.
120 CSS Multi-column Layout CSS, CSS Multi-column Layout, Layout, Overview, Reference
CSS Multi-column Layout은 다단 레이아웃을 정의하는 CSS 모듈입니다. 레이아웃에서 단의 숫자와 콘텐츠가 하나의 단에서 다른 단으로 흐르는 방식, 단 사이의 간격, 구분선과 구분선의 모양 등의 지원을 포함하고 있습니다.
121 CSS 다단 레이아웃 사용 Advanced, CSS, Guide, Multi-columns
CSS 다단(multi-column) 레이아웃은 다단 텍스트 정의가 쉽도록 블록 레이아웃 모드를 확장합니다.
122 CSS Conditional Rules CSS, CSS Conditional Rules, Overview, Reference
CSS Conditional Rules는 프로세서 또는 스타일 시트에 적용되는 문서의 기능에만 기반을 두는 규칙 집합을 정의할 수 있는 CSS 모듈입니다.
123 CSS Containment

CSS Containment 사양의 목표는 개발자가 페이지의 하위 트리(subtree)를 페이지의 나머지 부분과 분리할 수 있도록 하여 웹 페이지의 성능을 향상시키는 것입니다. 브라우저가 페이지의 일부가 독립적임을 인식하면 렌더링을 최적화 하고 성능을 개선 할 수 있습니다. 사양은 단일 CSS 속성(property) contain을 정의합니다. 이 문서는 사양의 기본 목표를 설명합니다.
124 CSS Device Adaptation CSS, CSS Device Adaptation, Overview, Reference
CSS Device Adapation은 뷰포트의 크기, 줌 배율(factor) 및 방향을 정의할 수 있는 CSS 모듈입니다.
125 CSS Flexible Box Layout CSS, CSS Flexible Boxes, Guide, Overview, Reference
CSS Flexible Box Layout은 사용자 인터페이스 디자인과 단방향 레이아웃에 최적화된 CSS 모듈입니다. 플렉스 레이아웃 모델에서는, 플렉스 컨테이너의 자식을 어떤 방향으로도 배치할 수 있으며, 자식의 크기도 유연하게("플렉시블") 빈 공간을 채우거나, 컨테이너를 넘어가지 않도록 줄어듭니다. 자식 간의 수평 및 수직 정렬 또한 쉽게 조작할 수 있습니다.
126 Aligning Items in a Flex Container
flexbox가 웹 개발자들의 관심 받게된 이유 중 하나는 웹 최초로 최초로 적절한 정렬 기능을 제공했기 때문입니다. flexbox의 수직 정렬 기능을 이용하여 우리는 드디어 쉽게 박스(역주: 여기서 박스는 flex 컨테이너를 의미합니다)  내부를 중앙 정렬 할 수 있게 되었습니다. 이 가이드에서 우리는 flexbox의 정렬 및 끝 맞추기 기능에 대해 자세히 살펴볼 것입니다.
127 flexbox의 기본 개념
일명 flexbox라 불리는 Flexible Box module은 flexbox 인터페이스 내의 아이템 간 공간 배분과 강력한 정렬 기능을 제공하기 위한 1차원 레이아웃 모델 로 설계되었습니다. 이 글에서는 flexbox의 주요 기능에 대한 개요를 다룹니다. 더 자세한 내용은 가이드의 다른 글에서 탐구하게 될 것입니다.
128 가변상자의 대표적인 사용례 가변상자, 씨에스에스, 안내서, 용례, 패턴
이번 안내서에서는 흔히 볼 수 있는 가변상자 사용 사례 중 일부를 살펴 보겠습니다. 가변상자의 사용이 다른 조판 메서드보다 더 적합한 사례입니다.
129 CSS Flow Layout CSS 흐름 레이아웃, 흐름
일반적인 흐름 Normal Flow, 또는 흐름 레이아웃 Flow Layout 은 그 레이아웃 변화가 있기 전까지 페이지 안의 블록 요소와 인라인 요소가 보여지는 방식 입니다. 흐름이란 본질적으로 레이아웃 아래 서로 같이 동작하고 서로에게 서로가 알려지는 것들의 집합 입니다. 만약에 어느 하나가 흐름에서 벗어나면 그것은 독립적으로 동작하게 됩니다.
130 일반 대열 속 블록 및 인라인 조판 대열, 씨에스에스, 씨에스에스 대열 조판, 안내서, 여백, 조판, 중급
이번 안내서에서는 블록 및 인라인 요소가 일반 대열의 일부일 때 어떻게 동작하는지에 대한 기본 사항을 살펴본다.
131 대열 조판과 대열이탈 가시성, 대열 조판, 대열이탈, 씨에스에스, 안내서, 조판, 중급, 텍스트 대열이탈
컨테이너에 채울 수 없을 만큼 더 많은 내용물이 있을 때 오버플로 상황이 발생한다. CSS에서 크기 제한이 있는 요소를 다루려면 오버플로의 동작 방식을 이해하는 것이 중요하다. 이 안내서는 일반 플로우에 해당하는 작업 중에 오버플로이 작동하는 방식을 설명한다.
132 대열 조판과 쓰기 모드 대열 조판, 쓰기모드, 씨에스에스, 안내서, 지향
어떻게 일반 대열이 동작하는지 자세히 설명하는 씨에스에스 2.1 규격은 가로쓰기 모드라고 가정한다. 조판 속성은 세로 쓰기 모드에서 동일한 방식으로 작동해야 한다. 이 안내서는 서로 다른 문서 작성 모드에서 사용될 때 대열 조판이 어떻게 작동하는지 살펴 봅니다.
133 대열과 탈대열 대열, 대열 조판, 씨에스에스, 씨에스에스 대열 조판, 안내서, 조판, 중급
이전 안내서에서 제가 일반 대열 속 블록 및 인라인 조판에 대해 설명하였습니다. 대열에 속한 모든 요소는 이 메서드를 사용하여 배치됩니다.
134 서식 상황 입문서 BFC, 대열, 블록 서식 상황, 서식 상황, 씨에스에스, 안내서, 조판, 중급
이 문서는 서식 상황의 개념을 소개합니다. 서식 상황에는 블록 서식 상황과 인라인 서식 상황, 가변 서식 상황을 포함한 여러 유형이 있습니다. 그들이 어떻게 동작하고 어떻게 그러한 동작을 활용할 수 있는지에 대한 기본 사항도 소개합니다.
135 CSS Fonts CSS, CSS Fonts, Overview, Reference
CSS Fonts는 글꼴 관련 속성 및 글꼴 자원이 로드되는 법을 정의하는 CSS 모듈입니다. 이는 글꼴의 스타일을 정의할 수 있습니다, 글꼴 패밀리, 크기 또는 굵기 및 한 문자에 여러 자체(glyph)가 있는 글꼴에 사용되는 이형(variant) 자체와 같은 줄높이도 정의할 수 있습니다.
136 CSS Generated Content CSS, CSS Generated Content, Overview, Reference
CSS Generated Content는 요소에 콘텐츠를 추가하는 법을 정의하는 CSS 모듈입니다.
137 CSS 그리드 레이아웃 CSS, Grid Layout, Grids, 개요, 그리드, 그리드 레이아웃, 레이아웃, 참고
CSS 그리드 레이아웃(Grid Layout)은 페이지를 여러 주요 영역으로 나누거나, 크기와 위치 및 문서 계층 구조의 관점에서 HTML 기본 요소로 작성된 콘트롤 간의 관계를 정의하는 데 아주 탁월합니다.
138 Basic concepts of grid layout CSS, CSS 그리드, 가이드, 레이아웃
CSS 그리드 레이아웃(Grid Layout)은 CSS에 2차원의 그리드 시스템을 도입했습니다. 그리드는 주요 페이지 영역을 설계하거나 작은 사용자 인터페이스 요소를 배치하는 데 사용할 수 있습니다. 이 문서에서는 CSS 그리드 레이아웃 및 CSS 그리드 레이아웃 레벨 1 명세서에 포함된 새로운 기술 용어를 소개합니다. 이번 개요에 소개된 기능은 나머지 안내 문서에서 자세히 설명합니다.
139 Grid template areas CSS, CSS Grids, Guide
이전 가이드에서 우리는 그리드 라인에 대해서 살펴보았으며, 이 라인을 기준으로 어떻게 아이템들을 배치하는지 알아보았습니다. CSS 그리드 레이아웃으로 작업할 땐 거기엔 항상 라인이 있을 것이고, 이것은 아이템들을 그리드에 배치할 때 사용할 수 있는 아주 직관적인 방법이 될 수 있습니다. 그렇지만, 아이템을 그리드에 배치할 때 사용할 수 있는 또 다른 방법이 있는데, 이것은 독자적으로 혹은 라인 기준 배치 방법과 함께 혼용해서 사용할 수 있습니다. 이 방법은 이름이 지명된 템플릿 영역을 사용하여 아이템을 배치하는 작업과 연관돼 있으며, 이 방법이 정확히 어떻게 작동하는지 알아보겠습니다. 이것이 때때로 왜 그리드 레이아웃의 ascii-art 방식이라고 일컬어지는지 쉽게 눈치채실 수 있을 겁니다!
140 Layout using named grid lines CSS, CSS Grids, Guide
이전 가이드에선 그리드 트랙을 정의하면 생성되는 라인을 사용해서 아이템을 배치하는 법을 살펴보았으며, 또한 이름이 명명된 템플릿 영역을 가지고 어떻게 아이템들을 배치하는지도 알아보았습니다. 이번 가이드에선 이름이 주어진 라인을 쓰는 상황에서 이 두 가지 방법이 서로 어떻게 작용하는지 알아보겠습니다. 라인에 이름을 지어 주는 것이 매우 유용할 때도 있지만, 이름과 트랙 크기가 혼합돼서 사용되는 그리드 용법을 보고 있으면 매우 헷갈릴 수도 있습니다. 하지만 몇 가지 예제를 가지고 작업해 보시면 점점 명확해지면서 나중엔 작업하기도 훨씬 수월해지실 겁니다.
141 Line-based placement with CSS Grid CSS, CSS Grids, Guide
그리드 레이아웃의 기본 개념을 다룬 문서에서 라인 번호를 사용하여 그리드에 아이템을 배치하는 방법을 잠깐 살펴본 적이 있습니다. 이번 문서에서는 이 기본적 기능이 어떻게 작동하는지를 자세히 살펴보겠습니다.
142 Relationship of grid layout to other layout methods CSS, CSS Grids, Guide
CSS 그리드 레이아웃은 레이아웃 작업을 위한 전체 시스템 중의 일부로서, 다른 CSS 기술과 함께 어우러져 작동하도록 설계되었습니다. 이번 가이드에서는 이미 사용하고 계신 다른 기술과 그리드가 어떻게 잘 어울리는지 설명해 드리겠습니다.
143 CSS Images CSS, CSS Images, Guide, Overview, Reference
CSS Images는 사용할 수 있는 이미지의 유형(<image> 자료형, 포함하는 URL, 그레이디언트 및 그 외의 다른 유형 이미지), 이미지의 크기 조정 방법, 그리고 이미지 및 다른 대체 콘텐츠가 각기 다른 레이아웃 모델과 상호작용하는 법을 정의하는 CSS 모듈입니다.
144 CSS로 이미지 스프라이트 구현하기 Advanced, CSS, CSS Image, Graphics, Guide, Sprites, Web, 스프라이트
이미지 스프라이트는 여러 개의 이미지가 필요한 아주 많은 웹앱에서 사용합니다. 이미지 각각을 별도의 파일로 추가하는 대신, 이미지를 하나의 파일로 만들어서 포함하면 HTTP 요청 수가 줄기 때문에 메모리와 네트워크 사용량 측면에서 효율적입니다.
145 CSS 그레이디언트 사용하기 Advanced, CSS, CSS Images, Example, Gradients, Guide, Web
CSS 그레이디언트<image> 자료형의 특별한 종류인 <gradient>로 나타내며 두 개 이상의 색 간의 점진적 전환을 표현합니다. 그레이디언트에는 선형(linear-gradient 함수), 방사형(radial-gradient 함수), 각진 원형(conic-gradient 함수) 세 종류가 있으며, 각각의 변형본으로 계속해서 반복하는 repeating-linear-gradient, repeating-radial-gradient, repeating-conic-gradient 함수도 있습니다.
146 CSS Lists and Counters CSS, CSS Lists, Overview, Reference
CSS Lists는 리스트 배치 방법, 리스트 마커를 스타일 할 수 있는 법을 정의하는 CSS 모듈입니다.
147 Consistent List Indentation CSS, Guide, NeedsUpdate
가장 흔하게 리스트에 적용되는 스타일 변경은 들여쓰기(indentation)거리의 변경입니다 -- 즉, 리스트 아이텡을 오른쪽으로 얼마나 멀리 들여쓸것인가 라는것입니다. 이 작업은 가끔 한 브라우저에서 나오던 효과가 다른 브라우저에서는 같은 효과를 내지 못해서 애를 먹게하곤 합니다. 예를들면, 리스트가 왼쪽 마진을 갖지 못하도록 선언할 경우, 익스플로러에선 이동이되지만, Gecko기반의 브라우저에선 고집스럽게도 꼼짝않고 제 자리를 지키며 있는 그런 경우 입니다.
148 CSS 카운터 사용하기 CSS, CSS Counter Styles, Guide, Layout, Reference, Web, 번호, 카운터
CSS counters를 사용하면 문서에서의 위치에 따라 콘텐츠의 모양을 조정할 수 있습니다. 예를 들어, counters를 사용해 웹페이지의 제목에 자동으로 번호를 매길 수 있습니다. Counters는 요소가 몇 번이나 사용되었는지 추적하여 CSS 규칙에 따라 증가하며, 본질적으로 변수입니다.
149 CSS Logical Properties and Values CSS, CSS Logical Properties, Overview, Reference
CSS Logical Properties and Values는 레이아웃을 제어하는 물리 속성에 논리 맵핑을 정의하는 CSS 모듈입니다.
150 CSS Masking CSS, CSS Masking, Overview, Reference
CSS Masking은 마스킹 및 클리핑을 포함해 시각 요소의 부분 또는 전체를 숨기기 위한 수단을 정의하는 CSS 모듈입니다.
151 CSS Miscellaneous CSS, Overview, Reference
이 페이지는 한참 실험 중이거나 다른 어떤 부류와도 맞지 않은 CSS 속성을 포함합니다.
152 CSS Namespaces CSS, CSS Namespaces, Overview, Reference
CSS Namespaces는 CSS에서 XML 네임스페이스를 지정할 수 있는 CSS 모듈입니다.
153 CSS Paged Media CSS, CSS Paged Media, CSS Reference, Overview
CSS Paged Media는 페이지 전환을 처리하는 방법을 정의하는 CSS 모듈입니다.
154 CSS Positioning CSS, CSS Positioning, Overview, Reference
CSS Positioning은 요소를 페이지에 배치하는 방법을 정의하는 CSS 모듈입니다.
155 CSS z-index 이해하기
우리들은 HTML 페이지를 2차원 평면으로 생각한다. 왜냐하면 여러 텍스트, 이미지와 다른 엘리먼트들이 서로 겹치지 않고 배열되기 때문이다. 하나의 렌더링 흐름만이 존재하며 모든 엘리먼트들은 다른 엘리먼트들이 어떤 공간을 차지하고 있는지 알고 있다. 
156 z-index 적용
« CSS « CSS z-index 이해하기
157 floating 엘리먼트의 쌓임
« CSS « CSS z-index 이해하기
158 쌓임 맥락 예제1
« CSS « CSS z-index 이해하기
159 쌓임 맥락 예제2
« CSS « CSS z-index 이해하기
160 쌓임 맥락 예제3
« CSS « CSS z-index 이해하기
161 z-index가 없는 경우의 쌓임
« CSS « CSS z-index 이해하기
162 쌓임 맥락 Advanced, CSS, Guide, Reference, z-index
쌓임 맥락(stacking context)은 가상의 Z축을 사용한 HTML 요소의 3차원 개념화입니다.
163 CSS Ruby CSS, CSS Ruby, Overview, Reference
CSS Ruby는 행간 주석의 형태로 기본 텍스트와 함께 작게 실행되는 텍스트인 ruby 주석 표시와 관련된 렌더링 모델 및 서식 컨트롤을 제공하는 CSS 모듈입니다.
164 CSS Scroll Snap Points CSS, CSS Scroll Snap, Overview, Reference
CSS Scroll Snap Points는 물리보다는 논리상 방향과 차원 맵핑을 통해 레이아웃을 제어하는 능력을 제공하는 속성 및 값을 정의하는 CSS 모듈입니다.
165 CSS 선택자 CSS, Guide, Overview, Reference, Selectors, 선택자
CSS 선택자는 CSS 규칙을 적용할 요소를 정의합니다.
166 CSS Shapes CSS, CSS Shapes, Overview, Reference
CSS Shapes는 CSS에서 사용하기 위한 기하학적 도형을 설명한다. 레벌1 명세에 의하면 떠있는 요소에 CSS Shapes를 적용할 수 있다. 명세의 정의에 의하면 떠있는 요소의 모양을 정의 하거나  요소 상자의 사각형을 따르는 대신 테두리 선을 따라 감싸지도록 하는 방법 등  다양한 방법을 정의하고 있다. 
167 CSS Table CSS, CSS Table, Guide, Overview, Reference
CSS Table은 표 데이터의 배치법을 정의하는 CSS 모듈입니다.
168 CSS Text Decoration CSS, CSS Text Decoration, Overview, Reference
CSS Text Decoration은 밑줄, 텍스트 그림자 및 강조 표시 등 텍스트 장식에 관련된 기능을 정의하는 CSS 모듈입니다.
169 CSS Text CSS, CSS Text, Guide, Overview
CSS Text는 줄 바꿈, 정돈 및 정렬, 공백 처리 및 텍스트 변환 같은 텍스트 조작을 수행하는 법을 정의하는 CSS 모듈입니다.
170 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.
171 CSS 변형 사용하기 3D, Advanced, CSS, CSS Transforms, Graphics, Guide
CSS 변형(transform)은 좌표공간을 변형함으로써 일반적인 문서 흐름을 방해하지 않고 콘텐츠의 형태와 위치를 바꿉니다. 본 가이드는 변형 사용법의 기초를 제시합니다.
172 CSS Transitions CSS, CSS Transitions, Overview, Reference
CSS Transitions는 특정 CSS 속성의 값을 점진적으로 바꿀 수 있는 CSS 모듈입니다. 타이밍 함수, 시간 등 여러 속성을 통해 값이 바뀌는 방식을 조절할 수 있습니다.
173 CSS 트랜지션 사용하기 Advanced, CSS, CSS Transitions, Guide
CSS 트랜지션은 CSS 속성을 변경할 때 애니메이션 속도를 조절하는 방법을 제공합니다. 속성 변경이 즉시 영향을 미치게 하는 대신, 그 속성의 변화가 일정 기간에 걸쳐 일어나도록 할 수 있습니다. 예를 들어, 여러분이 어떤 요소의 색상을 흰색에서 검은색으로 변경한다면, 변화는 대개 즉시 일어납니다. CSS 트랜지션을 이용하면, 모두 커스터마이즈 가능한 어떤 가속도 곡선을 따르는 시간 주기마다 변화가 일어납니다.
174 CSS 자료형 CSS, CSS Data Type, Overview, Reference, 자료형
CSS 자료형은 CSS 속성과 함수가 받아들이는, 키워드와 단위를 포함한 일반적인 값을 정의합니다.
175 CSS 단위와 값 CSS, 값과 단위, 안내서, 참조
모든 CSS 선언은 속성 / 값 쌍을 포함합니다. 속성에 따라 값은 하나의 정수 또는 키워드, 여러 개의 키워드, 단위가 있거나 없는 값의 나열이 될 수 있습니다. CSS 속성에 허용되는 공통적인 자료형(단위와 값)의 집합이 있습니다. 아래는 이들 자료형 대부분에 대한 개요입니다. 더 자세한 정보를 보려면 각 자료형의 페이지를 참고하세요.
176 CSS Custom Properties for Cascading Variables
CSS Custom Properties for Cascading Variables
177 CSS Writing Modes CSS, CSS Writing Modes, Overview, Reference
CSS Writing Modes는 다양한 국제 쓰기 모드를 정의하는 CSS 모듈입니다, 좌에서 우(가령 Latin 및 Indic 스크립트에 사용됨), 우에서 좌(가령 Hebrew 또는 Arabic 스크립티에 사용됨), 양방향(좌에서 우 및 우에서 좌 스크립트를 섞을 때 사용됨) 및 세로(가령 일부 Asian 스크립트에 사용됨) 등.
178 cursor CSS, CSS Property, Reference, Web
CSS cursor 속성은 요소 위에 마우스 커서가 올라갔을 때 보여줄 모양을 지정합니다.
179 자손 결합자 CSS, Reference, Selectors
보통 한 칸의 공백 문자로 표현하는 자손 결합자( )는 두 개의 선택자를 조합하여, 뒤쪽 선택자 요소의 조상(부모, 부모의 부모, 부모의 부모의 부모...)에 앞쪽 선택자 요소가 존재할 경우 선택합니다.
180 <display-internal> CSS, CSS 데이터 타입, CSS 디스플레이, display-internal, 자료형, 참조
table과 ruby 같은 몇몇 레이아웃 모델은 복잡한 내부 구조를 가지고 있으며, 자식이나 자손들로 채울 수 있는 다양한 역할을 가지고 있습니다. 이 페이지는 이러한 "내재적인" 디스플레이 값을 정의하며, 이들은 특정 레이아웃 모드 안에서만 의미를 가집니다.
181 display CSS, CSS Display, CSS Property, Reference, display
display CSS 속성은 요소를 블록과 인라인 요소 중 어느 쪽으로 처리할지와 함께, 플로우, 그리드, 플렉스처럼 자식 요소를 배치할 때 사용할 레이아웃을 설정합니다.
182 Filter Effects CSS, Filter Effects, Guide, Overview, Reference
Filter Effects는 요소의 렌더링을 문서에 표시하기 전에 전처리하는 방법을 정의하는 CSS 모듈입니다.
183 <filter-function> CSS, CSS Data Type, Filter Effects, Reference
CSS <filter-function> 자료형은 입력 이미지의 모습을 변형할 수 있는 그래픽 효과를 나타냅니다.
184 blur() CSS, CSS Function, Filter Effects, Reference
blur() CSS 함수는 주어진 이미지에 가우시안 블러를 적용합니다
185 brightness() CSS, CSS Function, Filter Effects, Reference
brightness() CSS 함수는 주어진 이미지에 선형 계수를 적용해 더 밝거나 어둡게 만듭니다.
186 contrast() CSS, CSS Function, Filter Effects, Reference
contrast() CSS 함수는 주어진 이미지의 대비를 조절합니다.
187 filter CSS, CSS Property, Reference, SVG, SVG Filter, recipe:css-property
CSS filter 속성은 흐림 효과나 색상 변형 등 그래픽 효과를 요소에 적용합니다.
188 flex-basis CSS, CSS Flexible Boxes, CSS Property, Reference
flex-basis CSS 속성은 플렉스 아이템의 초기 크기를 지정합니다. box-sizing을 따로 지정하지 않는다면 콘텐츠 박스의 크기를 변경합니다.
189 flex-direction CSS, CSS Flexible Boxes, CSS Property, Reference
flex-direction CSS 속성은 플렉스 컨테이너 내의 아이템을 배치할 때 사용할 주축 및 방향(정방향, 역방향)을 지정합니다.
190 flex-flow CSS, CSS Flexible Boxes, CSS Property, Reference
flex-flow CSS 속성은 flex-direction, flex-wrap 속성의 단축 속성입니다.
191 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 값으로 다른 소수값을 지정한다면, 그에 따라 다른 공간값을 나누어 할당받게 됩니다.
192 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 요소의 크기가 축소됩니다.
193 flex-wrap CSS, CSS Flexible Boxes, CSS Property, Reference
CSS flex-wrap property는 flex-item 요소들이 강제로 한줄에 배치되게 할 것인지, 또는 가능한 영역 내에서 벗어나지 않고 여러행으로 나누어 표현 할 것인지 결정하는 속성입니다. 만약 영역 내에서 벗어나지 못하게 설정한다면, 동시에 요소의 방향 축을 결정할 수 있습니다.
194 flex CSS, CSS Flexible Boxes, CSS Property, Reference
flex CSS 속성은 하나의 플렉스 아이템이 자신의 컨테이너가 차지하는 공간에 맞추기 위해 크기를 키우거나 줄이는 방법을 설정하는 속성입니다.
195 float CSS, CSS Positioning, CSS Property, Reference
CSS 속성(property) float 은 한 요소(element)가 보통 흐름(normal flow)으로부터 빠져 텍스트 및 인라인(inline) 요소가 그 주위를 감싸는 자기 컨테이너의 좌우측을 따라 배치되어야 함을 지정합니다.
196 font-family CSS, CSS Fonts, CSS Property, Reference
CSS font-family 속성은 선택된 요소에 우선 순위가 지정된 font family 이름과 generic family 이름을  지정할 수 있게 해줍니다. 
197 font-feature-settings
font-feature-settings CSS 속성은 오픈타입 폰트의 다양한 오픈타입 피처를 설정합니다.
198 font-size
font-size CSS 속성은 폰트의 크기(대문자 "M"의 크기)를 지정합니다. 폰트 크기를 바꾸면 em 과 ex <length> 단위로 계산된 다른 항목들의 크기를 바꿉니다.
199 font-synthesis CSS, CSS Fonts, CSS Property, Reference, recipe:css-property
CSS font-synthesis 속성은 브라우저가 굵은 글꼴과 이탤릭 글꼴을 합성하는 것을 허용할지 설정합니다.
200 font-weight
font-weight CSS 속성은 폰트(font)의 가중치(weight)나 굵기(boldness)를 명시한다. 몇몇 폰트들은 normal 나 bold 일 때만 가능하다. 
201 font CSS, CSS Fonts, CSS Property, Reference
font CSS 속성은 font-style, font-variant, font-weight, font-size, line-height, font-family단축 속성입니다. 요소의 글꼴을 시스템 폰트로 설정할 수도 있습니다.
202 <frequency> CSS, CSS Data Type, Reference, Web
CSS <frequency> 자료형은 목소리의 높낮이 등 주파수를 나타냅니다. 현재 어떤 CSS 속성도 <frequency>를 사용하지 않습니다.
203 gap (grid-gap) CSS, CSS Flexible Boxes, CSS Grid, CSS Multi-column Layout, CSS Property, Reference
CSS gap 속성은 행과 열 사이의 간격(거터)을 설정합니다. row-gapcolumn-gap단축 속성입니다.
204 일반 형제 결합자 CSS, Reference, Selectors
일반 형제 결합자(~)는 두 개의 선택자 사이에 위치하여 뒤쪽 선택자의 요소와 앞쪽 선택자 요소의 부모 요소가 같고, 뒤쪽 선택자의 요소가 뒤에 위치할 때 선택합니다. 두 요소가 서로 붙어있을 필요는 없습니다.
205 <gradient> CSS, CSS Data Type, CSS Images, Graphics, Layout, Reference, 그라데이션, 그레이디언트
<gradient> CSS 자료형<image>의 특별한 종류로 여러 색의 점진적인 변화를 나타냅니다.
206 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 rows by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid areas.
207 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), 값을 한번에 설정합니다.
208 height CSS, CSS Property, Reference
height CSS 속성은 요소의 높이를 지정합니다. 기본값은 콘텐츠 영역의 높이지만, box-sizingborder-box라면 테두리 영역의 높이를 설정합니다.
209 hyphens CSS, CSS Property, CSS Text, Reference, recipe:css-property
CSS hyphens 속성은 여러 줄에 걸치는 텍스트에서 단어에 붙임표를 추가하는 방식을 설정합니다.
210 ID 선택자 CSS, Reference, Selectors, 선택자
CSS ID 선택자는 요소의 id 특성 값을 비교하여, 완전히 동일한 id를 가진 요소를 선택합니다.
211 image-rendering CSS, CSS Images, CSS Property, Reference
image-rendering CSS 프로퍼티는 브라우저의 이미지 스케일링 방식에 대한 힌트를 제공합니다. 이 프로퍼티는 엘리먼트 자신에게 적용시킵니다. 스케일링(크기변경)이 안 된 이미지에게는 적용되지 않습니다.
212 <image> CSS, CSS Data Type, CSS Images, Graphics, Layout, Reference, Web
<image> CSS 자료형은 2차원 이미지를 나타냅니다.
213 inherit CSS, CSS Cascade, Layout, Reference, Web
CSS inherit 키워드를 사용한 속성은 부모 요소로부터 해당 속성의 계산값을 받아 사용합니다.
214 상속 CSS, Guide, Inheritance, Layout, Web
MDN 내 각 CSS 속성(property) 정의 페이지의 요약절은 그 속성이 기본(default)으로 상속되는지("Inherited: Yes") 혹은 상속되지 않는지("Inherited: no") 쓰여 있습니다. 이 상속 여부는 요소의 속성에 어떤 값이 지정되지 않을 때 일어나는 일을 제어합니다.
215 초깃값 CSS, Reference
CSS 속성의 초깃값은 속성의 기본값으로, 속성 정의 표가 명시하고 있습니다. 초깃값의 사용처는 상속 여부에 따라 다릅니다.
216 initial CSS, CSS Cascade, CSS Value, Layout, Reference, Web, 초기값, 초기화, 초깃값
CSS initial 키워드는 속성의 초깃값(기본값)을 요소에 적용합니다.
217 <integer> CSS, CSS Data Type, Reference, Web
<integer> CSS 자료형<number>의 종류 중 하나로 소수점이 없는 완전한 수, 즉 정수를 표현합니다. 정수는 column-count, counter-increment, grid-column, grid-row, z-index 등 다양한 속성에서 사용할 수 있습니다.
218 isolation CSS, CSS Property, Reference
isolation CSS 속성은 요소가 새로운 stacking context을 생성해야 하는지 지정합니다.
219 레이아웃 모드 CSS, Guide, Layout, Reference
CSS 레이아웃 모드, 줄여서 레이아웃은 형제(sibling) 및 조상(ancestor) 박스와 상호 작용하는 방식을 기반으로 박스의 위치와 크기를 결정하는 알고리즘입니다. 그 중 몇 가지입니다:
220 <length-percentage> CSS, CSS Date Type, Reference
<length-percentage> CSS 자료형<length> 또는 <percentage>인 값을 나타냅니다.
221 <length> CSS, CSS Data Type, Layout, Reference, Web, length
CSS <length> 자료형은 거리 값을 나타냅니다. width, height, margin, padding, border-width, font-size, text-shadow 등 다양한 속성에 사용할 수 있습니다.
222 letter-spacing CSS, CSS Property, CSS Text, Reference, 글자 간격
letter-spacing CSS 속성은 글자 사이의 간격을 조절합니다.
223 line-break CSS, CSS Property, CSS Text, Reference, i18n, l10n, recipe:css-property
CSS line-break 속성은 한중일(CJK) 3개국어의 텍스트 줄을 어디서 바꿀지 지정합니다.
224 linear-gradient CSS, CSS Function, CSS Images, Graphics, Layout, Reference, Web, gradient, 그라데이션, 그레이디언트
CSS linear-gradient() 함수는 두 개 이상의 색이 직선을 따라 점진적으로 변화하는 이미지를 생성합니다. 함수의 결과는 <image>의 특별한 종류인 <gradient> 자료형입니다.
225 margin-bottom CSS, CSS Property, Reference
margin-bottom CSS 속성은 요소의 아래쪽에 바깥 여백 영역margin area을 설정합니다. 양수 값은 인접 요소와 거리를 넓히고, 음수 값은 더 좁힙니다.
226 margin-left CSS, CSS Property, Layout, Reference
margin-left CSS 속성은 요소의 왼쪽에 바깥 여백 영역margin area을 설정합니다. 양수 값은 인접 요소와 거리를 넓히고, 음수 값은 더 좁힙니다.
227 margin-right CSS, CSS Property, Reference
margin-right CSS 속성은 요소의 오른쪽에 바깥 여백 영역margin area을 설정합니다. 양수 값은 인접 요소와 거리를 넓히고, 음수 값은 더 좁힙니다.
228 margin-top CSS, CSS Property, Reference
margin-top CSS 속성은 요소의 위쪽에 바깥 여백 영역margin area을 설정합니다. 양수 값은 인접 요소와 거리를 넓히고, 음수 값은 더 좁힙니다.
229 margin CSS, CSS Property, Reference
margin CSS 속성은 요소의 네 방향 바깥 여백 영역을 설정합니다. margin-top, margin-right, margin-bottom, margin-left의 단축 속성입니다.
230 mask CSS, CSS Property, Layout, Reference, SVG, Web
mask CSS 속성은 아이템이 부분적으로만 보여지게 하거나 혹은 완전히 가려서 보여지지 않게 할 수 있는 기능을 가지고 있습니다. 이 속성은 마스킹 혹은 특정한 점을 기준으로 이미지를 잘라내는 기능을 함께 제공합니다.
231 max-height CSS, CSS Property, Reference
max-height CSS 속성은 요소의 최대 높이를 설정합니다. max-heightheight 속성의 사용값이 자신의 값보다 커지는걸 방지합니다.
232 max-width CSS, CSS Property, Reference
max-width CSS 속성은 요소의 최대 너비를 설정합니다. max-widthwidth 속성의 사용값이 자신의 값보다 커지는걸 방지합니다.
233 미디어 쿼리 CSS, CSS 미디어 쿼리, Media Queries, Overview, Reference, 미디어 쿼리, 반응형 디자인
미디어 쿼리는 다양한 기기 특성과 파라메터의 존재 여부에 따라 사이트, 혹은 앱을 조정할 수 있습니다.
234 접근성을 위한 미디어 쿼리 사용하기 @media, CSS, 미디어 속성, 접근성
미디어쿼리(Media Queries)는 장애를 가진 사용자가 웹사이트를 더 쉽게 이해할 수 있도록 도울 수 있습니다.
235 미디어 쿼리 사용하기 Advanced, CSS, Guide, Media, Media Queries, Responsive Design, Web
미디어 쿼리는 단말기의 유형(출력물 vs. 화면)과, 어떤 특성이나 수치(화면 해상도, viewport 너비 등)에 따라 웹 사이트나 앱의 스타일을 수정할 때 유용합니다.
236 min-height CSS, CSS Property, Reference
max-height CSS 속성은 요소의 최소 높이를 설정합니다. min-heightheight 속성의 사용값이 자신의 값보다 작아지는걸 방지합니다.
237 min-width CSS, CSS Property, Reference
min-width CSS 속성은 요소의 최소 너비를 설정합니다. min-widthwidth 속성의 사용값이 자신의 값보다 작아지는걸 방지합니다.
238 mix-blend-mode CSS, CSS Property, Reference
mix-blend-mode CSS 속성은 어느 요소의 콘텐츠가 자신의 배경 및 부모와 어떻게 혼합되어야 하는지 지정합니다.
239 <number> CSS, CSS Data Type, Layout, Reference, Web
<number> CSS 자료형은 숫자, 즉 정수 또는 실수를 표현합니다.
240 object-fit CSS, CSS Images, CSS Property, Reference, recipe:css-property
CSS object-fit 속성은 imgvideo 요소와 같은 대체 요소의 콘텐츠 크기를 어떤 방식으로 조절해 요소에 맞출 것인지 지정합니다.
241 object-position CSS, CSS Property, Layout, Reference, Replaced Elements, 대체 요소
CSS object-position 속성은 대체 요소의 콘텐츠 정렬 방식을 지정합니다.
242 opacity CSS, CSS Property, Reference, 색
opacity CSS 속성은 요소의 불투명도를 설정합니다.
243 order CSS, CSS Flexible Boxes, CSS Property, Reference
order CSS 속성은 플렉스 또는 그리드 컨테이너 안에서 현재 요소의 배치 순서를 지정합니다.
244 outline-style CSS, CSS Outline, CSS Property, Reference, recipe:css-property
CSS outline-style 속성은 요소 외곽선의 스타일을 설정합니다.
245 outline-width CSS, CSS Outline, CSS Property, Layout, Reference, recipe:css-property
CSS outline-width 속성은 요소 외곽선의 두께를 설정합니다.
246 outline CSS, CSS Outline, CSS Property, Layout, Reference, recipe:css-shorthand-property
CSS outline 단축 속성은 모든 외곽선 속성을 한꺼번에 지정합니다.
247 overflow-wrap CSS, CSS Property, CSS Text, Reference
overflow-wrap CSS 요소는 어떤 문자가 내용 칸 밖으로 넘치지 않게 브라우저가 단어 마디 안에 줄을 바꿔야 할 것인지 아닌지를 정할 때 사용됩니다.
248 overflow CSS, CSS Box Model, CSS Property, Layout, Reference
overflow CSS 단축 속성은 요소의 콘텐츠가 너무 커서 요소의 블록 서식 맥락에 맞출 수 없을 때의 처리법을 지정합니다. overflow-x, overflow-y의 값을 설정합니다.
249 padding-bottom CSS, CSS Padding, CSS Property, Reference
padding-bottom CSS 속성은 요소의 아래쪽에 안쪽 여백 영역을 설정합니다.
250 padding-left CSS, CSS Padding, CSS Property, Reference
padding-left CSS 속성은 요소의 왼쪽에 안쪽 여백 영역을 설정합니다.
251 padding-right CSS, CSS Padding, CSS Property, Reference
padding-right CSS 속성은 요소의 오른쪽에 안쪽 여백 영역을 설정합니다.
252 padding-top CSS, CSS Padding, CSS Property, Reference
padding-top CSS 속성은 요소의 위쪽에 안쪽 여백 영역을 설정합니다.
253 padding CSS, CSS Padding, CSS Property, Reference
padding CSS 속성은 요소의 네 방향 안쪽 여백 영역을 설정합니다. padding-top, padding-right, padding-bottom, padding-left의 단축 속성입니다.
254 Paged Media CSS, CSS3, Page Breaks
인쇄 미디어(paged media) 속성은 인쇄 콘텐츠의 프레젠테이션 또는 콘텐츠를 개별 페이지로 나누는 다른 미디어를 제어합니다. 페이지 나누기 설정, 인쇄 가능 영역 제어, 서로 다른 좌우 페이지 스타일 및 요소 내부 나누기 제어를 할 수 있습니다. 널리 지원되는 속성은 포함합니다
255 paint-order CSS, Reference, SVG, Web, recipe:css-property
CSS paint-order 속성은 텍스트 및 모양의 채움 색과 테두리(마커 포함)를 그리는 순서를 지정합니다.
256 <percentage> CSS, CSS Data Type, Layout, Reference, Web
<percentage> CSS 자료형은 백분율 값을 나타냅니다. 보통 부모 객체와의 상대적 크기를 지정할 때 사용합니다. width, height, margin, padding, font-size 처럼 다양한 속성에서 백분율을 쓸 수 있습니다.
257 pointer-events CSS, CSS Property, Reference, SVG
pointer-events CSS 속성은 그래픽 요소가 어떤 상황에서 포인터 이벤트의 대상이 될 수 있는지 지정합니다.
258 <position> CSS, CSS Data Type, Layout, Reference, Web
CSS <position> (또는 <bg-position>) 자료형은 요소 박스에 대한 상대 좌표를 나타내는 2차원 좌표입니다. background-position, offset-anchor 속성에서 사용합니다.
259 position CSS, CSS Positioninng, CSS Property, Reference, recipe:css-property
CSS position 속성은 문서 상에 요소를 배치하는 방법을 지정합니다. top, right, bottom, left 속성이 요소를 배치할 최종 위치를 결정합니다.
260 의사 클래스 CSS, Overview, Pseudo-class, Reference, Selectors
CSS 의사 클래스(가상 클래스)는 선택자에 추가하는 키워드로, 선택한 요소가 특별한 상태여야 만족할 수 있습니다. 예를 들어 :hover를 사용하면 포인터를 올렸을 때에만 글씨 색을 바꾸고 싶을 때 사용할 수 있습니다.
261 의사 요소 CSS, Overview, Pseudo-element, Reference, Selectors
CSS 의사 요소(가상 요소)는 선택자에 추가하는 키워드로, 선택한 요소의 일부분에만 스타일을 입힐 수 있습니다. 예를 들어 ::first-line을 사용하면 문단 첫 줄의 글씨체만 바꿀 수 있습니다.
262 CSS 참고서 CSS, Guide, Overview, Reference, l10n:priority
CSS 참고서를 이용해 알파벳 순서로 정리한 모든 표준 CSS 속성, 의사 클래스, 의사 요소, CSS 자료형@규칙을 찾아보세요. 또한 유형별로 정리한 CSS 선택자주요 CSS 개념도 찾아볼 수 있습니다. 추가로 간단한 DOM-CSS / CSSOM 참조도 들어 있습니다.
263 대체 요소 CSS, Guide, Layout, Reference
CSS대체 요소(replaced element)란 자신의 표현 결과가 CSS의 범위를 벗어나는 요소로서, CSS 서식 모델과는 분리된 외부 객체인 요소입니다.
264 결정값 CSS, Reference
CSS 속성의 결정값Window.getComputedStyle이 반환하는 값입니다.
265 revert CSS, CSS 속성, Cascade, Style, all:revert, revert, revert style 속성, revert 속성, 스타일
revert 는 현재 엘리먼트에 선언 된 캐스캐이딩된 속성으로부터  style origin 으로 되돌립니다.
266 선택자 목록 CSS, Reference, Selectors, 선택자
CSS 선택자 목록(,)은 일치하는 모든 요소를 선택합니다.
267 단축 속성 CSS, Guide, Layout, Reference, Web, 단축 속성
단축 속성은 서로 다른 여러 가지 CSS 속성의 값을 지정할 수 있는 CSS 속성입니다. 단축 속성을 사용하면 간결한 (그리고 읽기도 좋은) 스타일 시트를 작성해 시간과 체력을 아낄 수 있습니다.
268 명시도 CSS, Example, Guide, Reference, Web
명시도란 브라우저가 어느 요소와 가장 연관된 속성을 찾는 수단으로, 이렇게 찾은 속성이 해당 요소에 적용됩니다. 명시도는 여러 종류의 CSS 선택자로 구성된 일치 규칙에 기반합니다.
269 지정값 CSS, CSS Reference
CSS 속성의 지정값은 세 가지 방법 중 하나로 설정됩니다.
270 구문 CSS, Guide, Reference, Web
종속형 스타일 시트(CSS) 언어의 기본 목표는 브라우저 엔진이 색상, 위치 지정 또는 장식과 같은 특정 기능을 사용하여 페이지에 요소를 그릴 수 있도록 하는 것입니다.
271 tab-size CSS, CSS Property, CSS Text, Reference, recipe:css-property
CSS tab-size 속성은 탭 문자(U+0009)의 너비를 조절합니다.
272 text-align CSS, CSS Property, CSS Text, Reference, recipe:css-property
CSS text-align 속성은 블록 요소나 표의 칸 상자의 가로 정렬을 설정합니다.
273 text-decoration CSS, CSS Property, CSS Text Decoration, Reference
text-decoration CSS 단축 속성은 글씨의 장식(선) 색을 지정합니다.
274 text-shadow CSS, Reference
text-shadow CSS 속성은 텍스트에 그림자(shadow)를 추가합니다. 텍스트와 그 장식에 적용 할 쉼표로 구분 된 그림자 목록을 허용합니다. 각 그림자는 요소, 흐림 반경 및 색상의 X 및 Y 오프셋 조합으로 설명됩니다.
275 <time> CSS, CSS Date Type, Reference, Web
<time> CSS 자료형은 시간 값을 초나 밀리초 단위로 나타냅니다. animation, transition과 관련 속성에서 사용합니다.
276 <transform-function> CSS, CSS Data Type, CSS Transforms, Layout, Reference
CSS <transform-function> 자료형은 요소의 외형에 영향을 주는 변형을 나타냅니다. 변형 함수는 2D 또는 3D 공간 내에서 요소를 회전하고, 크기를 바꾸고, 왜곡하고, 이동할 수 있습니다. transform 속성에서 사용합니다.
277 matrix()
matrix() CSS 함수는 2D 변형 동차 행렬을 선언합니다. 결과는 <transform-function> 데이터 타입입니다.
278 scaleX()
CSS 함수인 scaleX() x 축을 따라 (수평방향)으로 요소의 크기를 조절하는 변형을 정의합니다. 결과는  <transform-function>  데이터 타입 입니다.
279 transform CSS, CSS Property, Reference, transform
CSS transform 속성으로 요소에 회전, 크기 조절, 기울이기, 이동 효과를 부여할 수 있습니다.
280 transition-delay
transition-delay CSS 속성은 transition될 속성이 transition 요청을 받은 이후 실제로 transition하기까지 기다려야하는 시간의 양을 지정합니다.
281 transition
transition CSS 속성은 transition-property, transition-duration, transition-timing-function 과 transition-delay를 위한 단축 속성입니다. 이 속성으로 엘리먼트의 두 가지 상태 사이에 변화를 줄 수 있습니다. 엘리먼트의 각 상태는 가상 클래스 를 사용해 정의된 :hover 이나 :active 또는 자바스크립트를 사용해 동적으로 만들어진 것들입니다.
282 유형 선택자 CSS, HTML, Node, Reference, Selectors, 선택자
CSS 유형 선택자는 노드 이름을 사용해 요소를 선택합니다. 즉 문서 내에서 주어진 유형의 모든 요소를 선택합니다.
283 전체 선택자 CSS, Reference, Selectors
CSS 전체 선택자(*)는 모든 형태의 모든 요소를 선택합니다.
284 unset CSS, CSS Cascade, Layout, Reference
CSS unset 키워드를 적용한 속성은, 부모로부터 상속할 값이 존재하면 상속값을, 그렇지 않다면 초깃값을 사용합니다.
285 <url> CSS, CSS Data Type, Layout, Reference
<url> CSS 자료형은 이미지나 글꼴 등 리소스를 가리키는 문자열을 나타냅니다. URL은 background-image, cursorlist-style 등 다양한 속성에서 사용할 수 있습니다.
286 사용값 CSS, Reference
CSS 속성의 사용값계산값에 모든 계산을 수행한 후의 결과 값입니다.
287 user-select CSS, CSS Property, Reference, recipe:css-property
CSS user-select 속성은 사용자가 텍스트를 선택할 수 있는지 지정합니다.
288 사용자 지정 CSS 속성 사용하기 (변수) CSS, CSS Variable, CSS 변수, Custom Properties, Guide, Web
사용자 지정 속성(CSS 변수, 종속 변수)은 CSS 저작자가 정의하는 개체로, 문서 전반적으로 재사용할 임의의 값을 담습니다. 사용자 지정 속성은 전용 표기법을 사용해 정의하고, (--main-color: black;) var 함수를 사용해 접근할 수 있습니다. (color: var(--main-color);)
289 값 정의 구문 CSS, Guide, Reference, Syntax, 구문, 문법
CSS 값 정의 구문형식 문법으로서 CSS 속성이나 함수가 받을 수 있는 유효한 값의 집합을 정의합니다.
290 var() CSS, CSS Custom Properties, CSS Function, CSS Variable, CSS 변수, Experimental, Reference
CSS var() 함수는 사용자 지정 속성 (en-US), 또는 "CSS 변수"의 값을 다른 속성의 값으로 지정할 때 사용합니다.
291 vertical-align CSS, CSS Property, Reference
vertical-align CSS 속성은 inline 또는 table-cell box에서의 수직 정렬을 지정합니다.
292 visibility CSS, CSS Box Model, CSS Property, Layout, Reference, Web
visibility CSS 속성은 문서의 레이아웃을 변경하지 않고 요소를 보이거나 숨깁니다.
293 시각적 서식 모델 씨에스에스, 씨에스에스 상자 모델, 참조
씨에스에스 시각적 서식 모델 (visual formatting model) 은 문서를 처리하여 그것을 시각적 매체에 표시하는 알고리즘입니다. 이 모델은 씨에스에스의 기본 개념입니다.
294 white-space CSS, CSS Property, CSS Text, Reference
CSS white-space 속성은 요소가 공백 문자를 처리하는 법을 지정합니다.
295 width CSS, CSS Property, Reference
CSS width 속성은 요소의 너비를 설정합니다. 기본값은 콘텐츠 영역의 너비이지만, box-sizingborder-box라면 테두리 영역의 너비를 설정합니다.
296 will-change
will-change CSS 속성은 요소에 예상되는 변화의 종류에 관한 힌트를 브라우저에 제공케 한다.  그래서 실제 요소가 변화되기 전에 미리 브라우저는 적절하게 최적화할 수 있다. 이러한 종류의 최적화는 잠재적으로 성능 비용이 큰 작업을 그것이 실제로 요구되기 전에 미리 실행함으로써 페이지의 반응성을 증가시킬 수 있다.
297 word-break CSS, CSS Property, Reference, recipe:css-property
CSS word-break 속성은 텍스트가 자신의 콘텐츠 박스 밖으로 오버플로 할 때 줄을 바꿀 지 지정합니다.
298 word-spacing CSS, CSS Property, CSS Text, Reference, recipe:css-property
CSS word-spacing 속성은 단어와 단어 사이, 태그와 태그 사이의 거리를 설정합니다.
299 z-index CSS, CSS Positioning, CSS Property, Reference
CSS z-index 속성은 위치 지정 요소와, 그 자손 또는 하위 플렉스 아이템의 Z축 순서를 지정합니다. 더 큰 z-index 값을 가진 요소가 작은 값의 요소 위를 덮습니다.