본문 바로가기

DHTML/CSS/META

CSS3 명세 읽는 법

용어해설
Value유효한 값 또는 문법
Initial기본 값 (값을 지정하지 않은 경우의)
Applies to속성을 적용할 수 있는 요소 (block, inline, inline-block ... all elements)
Inherited속성이 자손에게 상속 되는지의 여부 (yes, no)
Percentage퍼센티지 값을 적용할 수 있는지의 여부 (N/A 는 not applicable 또는 not available 으로써 적용할 수 없다는 의미)
Media어떤 미디어 그룹에 적용할 수 있는 속성인지의 여부 (visual, interactive ...)
Computed value절대 값이 어떻게 계산 되는지
<...>포함되는 데이터 유형을 변수 형식으로 설명 (예를 들면 <length>, <percentage>)
a b공백으로 분리되어 나열된 값들은 모든 값이 반드시 필요하고 순서를 지켜야 한다
|둘 이상의 값이 이것으로 분리되어 있으면 하나의 값은 반드시 필요하고 하나만 필요하다
||둘 이상의 값이 이것으로 분리되어 있으면 하나 또는 하나 이상 반드시 필요하고 순서는 지키지 않아도 된다
&&둘 이상의 값이 이것으로 분리되어 있으면 모든 값이 반드시 필요하고 순서는 지키지 않아도 된다
[...]값을 그룹핑 한다
*선행되는 유형의 값은 생략하거나 한 번 이상 등장할 수 있다
+선행되는 유형의 값은 반드시 필요하고 한 번 이상 필요하다
?선행되는 유형의 값은 생략하거나 한 번만 필요하다
{a,b}선행되는 유형의 값은 적어도 'a' 번 필요하고 최대한 'b' 번 필요하다. (예를 들면 border-color 속성의 Value는 <color>{1,4} 이다)
(...)인용부호 밖에 있는 괄호는 값의 묶음을 위해 사용되므로 문자 그대로 출력해야 한다 (예 background:url(...);)
/인용부호 밖에 있는 슬러시는 값의 연결을 위해 사용되므로 문자 그대로 출력해야 한다 (예 font:12px/1.2 Sans-serif;)
,인용부호 밖에 있는 쉼표는 값의 연결을 위해 사용되므로 문자 그대로 출력해야 한다 (예 font-family:Tahoma, Geneva, sans-serif;)