텍스트 색상 속성이 '색상'인 이유는 무엇입니까?

Question

CSS에서 텍스트 색상이 color이고 text-color 또는 font-color이 아닌 이유는 무엇입니까?

또한 font-과 text-의 차이점은 무엇입니까?

Answer 1

color 속성은 글꼴 또는 텍스트 범주 속성에 속하지 않습니다. 실제로는 spec의 자체 섹션에 있습니다. CSS1 및 CSS2.1입니다. 심지어 색으로 장식 된 CSS3 module도 있습니다.

각 사양은 전경 색상을 정의하는대로 color을 나타내며 요소의 텍스트 내용의 색상을 나타내는 것으로 설명합니다. 그러나 foreground-color이 불필요하게 길기 때문에 "foreground"라는 단어는 속성 이름에서 제외됩니다. background-color은 자명하며 color과 구별됩니다.

즉, color 속성은 일반적으로 요소의 텍스트에 영향을 미치지 만 테두리를 지정하고 border-color을 지정하지 않으면 테두리가 텍스트와 동일한 색을 차지합니다. 요소의 테두리 색상이 테두리 속성에서 지정되지 않은 경우, 사용자 에이전트가 테두리 색상의 계산 된 값으로 요소의 '색상'속성 값을 사용해야합니다

:이 in the CSS box model specification을 규정하고 있기 때문 완전히 정상입니다 .

폰트와 텍스트 속성의 차이

<div style="color: red; border: 1px dotted"> 
    This block has red text and a red 1-pixel dotted border. 
    Notice only the width and style are specified in the style attribute. 
</div> 

Martin Algesten in his answer has a nice summary

.

Answer 2

폰트는 Arial Bold 폰트이며, 즉 Arial는 얼굴 형하는 서체의 변종이다. 글꼴 색을 설정하지 않았습니다 (특정 색을 가진 글꼴에 대해 들어 보지 못했습니다). 텍스트의 색을 설정하고 있습니다.

나는 텍스트가 아니라 color의 영향을받는 다른 요소를 가질 수 있다고 생각합니다. text-decoration: underline과 비교하면 분명히 텍스트에만 영향을 미칩니다. 그러나 임의의 모양을 인라인으로 삽입 할 수 있다고 상상하면 color의 영향을받습니다.