지정값
CSS 속성의 지정값은 세 가지 방법 중 하나로 설정됩니다.
- 문서의 스타일시트가 속성값을 지정했다면 그러면 그 값이 사용됩니다. 예를 들어,
color
속성이green
으로 설정된 경우 대응하는 요소(element)의 텍스트 색은 녹색이 됩니다. - 문서의 스타일시트가 값을 지정하지 않은 경우 부모 요소로부터 상속됩니다(가능하다면). 예를 들어,
<div>
내부에 단락(<p>
)이 있고<div>
의 CSSfont
속성값이 "Arial",<p>
가 정의된font
속성이 없다면 Arial font가 상속됩니다. - 위 중 어느 것도 이용할 수 없는 경우, CSS 스펙에 지정된 대로 요소의 초기값이 적용됩니다.
예제
HTML
html
<p>My specified color is given explicitly in the CSS.</p>
<div>
The specified values of all my properties default to their initial values,
because none of them are given in the CSS.
</div>
<div class="fun">
<p>
The specified value of my font family is not given explicitly in the CSS, so
it is inherited from my parent. However, the border is not an inheriting
property.
</p>
</div>
CSS
css
.fun {
border: 1px dotted pink;
font-family: fantasy;
}
p {
color: green;
}
결과
명세
Specification |
---|
Cascading Style Sheets Level 2 Revision 2 (CSS 2.2) Specification # specified-value |