Programming

CSS“컬러”와“글꼴 컬러”

procodes 2020. 6. 28. 20:05
반응형

CSS“컬러”와“글꼴 컬러”


누군가는 CSS가 제공하는 이유를 알고 color텍스트,하지만이없는 font-colortext-color?

글꼴과 관련 text-decoration: underlinefont-style있거나 오히려 반 직관적이며 일종의 유사하게 보입니다 .

W3C가 이와 같은 광범위한 CSS 이름을 가진 이유 / 방법을 아는 사람이 있습니까?


한 가지 이유는 색상이 글꼴 이외의 것에 적용되기 때문일 수 있다고 생각합니다. 예를 들면 다음과 같습니다.

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

빨간색 글꼴 색과 빨간색 테두리를 모두 나타냅니다.

또는 W3C의 CSS 표준은 다른 곳에서 입증 된 바와 같이 완전히 거꾸로되어 있고 무의미한 것일 수도 있습니다.


보스턴이 거리 계획을 세우는 것과 같은 방식입니다. 그들은 이미 그곳의 젖소 길을 따라 가서 거리가 없었던 집을 지었고, 얼마 지나지 않아 변화하기가 너무 어려웠습니다.


나는 이것이 오래된 게시물이라는 것을 알고 있지만 MisterZimbu가 언급 했듯이이 color속성은의 다른 속성 값을 border-colorCSS3과의 로 정의하고 있습니다 currentColor.

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

예:

.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;
}
<div class="element">
  <div class="innerElement1"></div>
  <div class="innerElement2"></div>
</div>

참고 URL : https://stackoverflow.com/questions/2501723/css-color-vs-font-color

반응형