2010-03-23 5 views
109

CSS가 color을 텍스트로 제공하지만 누구도 font-color 또는 text-color이없는 이유를 알고 계십니까?CSS "color"대 "font-color"

font-style 또는 글꼴과 관련된 내용이 아닌 text-decoration: underline과 같은 매우 반 직관적 인 것으로 보입니다.

왜 W3C가 이렇게 다양한 CSS 이름을 사용했는지 알 수 있습니까?

+1

나는 "글꼴 색상"속성을 소개하는 petion를 시작했습니다. 어쩌면 당신 중 일부는 서명하고 싶을 것입니다. https://www.change.org/p/world-wide-web-consortium-introduce-the-font-color-css-property?recruiter=238928026&utm_source=share_for_starters&utm_medium=copyLink – tsuma534

답변

89

나는 글꼴이 아닌 다른 것들에 색상이 적용될 수 있다는 한 가지 이유가 있다고 생각합니다. 예를 들어 :

div { 
    border: 1px solid; 
    color: red; 
} 

빨간색 글꼴 색과 빨간색 테두리를 모두 얻을 수 있습니다.

또는 W3C의 CSS 표준이 다른 곳에서 입증 된 것처럼 완전히 거꾸로 무의미한 것일 수도 있습니다.

+2

좋은 점이지만 테두리가 글꼴 모음을 가져 오지 않습니다. –

+3

이 페이지의 CSS에 다음을 추가해보십시오.'.post-text { color : blue; 테두리 : 1 픽셀 빨강 빨강; } 테두리 색이 빨간색이지만 텍스트 색이 파란색이라는 것을 알 수 있습니다. – Robusto

+0

정의에 따르면 font-color는 작업이 적기 때문에 색상이 빠르며 색상이 더 빠릅니다. – kta

156

보스턴이 거리 계획을 세웠던 것과 같은 방식입니다. 그들은 이미 그곳의 암소 길을 따라 가면서 거리가없는 집을 지었고 잠시 후에는 변화시키기가 너무 어려웠습니다.

+11

불행히도 이들은 같은 사람들이 손가락을 흔들고 있습니다. CSS가 동일한 레이아웃 격자를 제공하지 못하는 경우 오랫동안 레이아웃 구조로 테이블을 사용하는 커뮤니티에서. –

+3

@Fred - 그래 그래서 내가 테이블을 계속 사용했습니다. 바라건대 HTML 5에는 격자 태그가 있기를 바랍니다. –

+2

무엇? 나는 그것을 얻지 않는다 – miky

4

나는이 오래된 postб하지만 MisterZimbu 명시된대로 color 속성이 currentColor의, CSS3과 함께 border-color 같은 다른 속성 값을 정의하고있다 알고있다.

currentColor은 다른 요소 (예 : 내부 요소의 배경 또는 사용자 정의 확인란 및 라디오)에 글꼴 색을 사용하려는 경우 매우 편리합니다.

예 :

<style type="text/css"> 
    .element{ 
     color: green; 
     background: red; 
     display: block; width:200px; height:200px; padding:0;margin:0; 
    } 
    .innerElement1{ 
     border: solid 10px; 
     display: inline-block; width:60px; height:100px; margin: 10px; 
    } 
    .innerElement2{ 
     background: currentColor; 
     display: inline-block; width:60px; height:100px; margin: 10px; 
    } 
</style> 
<div class="element"> 
    <div class="innerElement1"></div> 
    <div class="innerElement2"></div> 
</div> 
+1

방금 ​​내 마음을 날려 버렸어. 저렇게 CSS를 속이려는 속임수. – kamranicus