CSS“ สี” กับ“ สีตัวอักษร”

136

ใครรู้ว่าทำไม CSS ถึงมีcolorข้อความ แต่ไม่มีfont-colorหรือtext-color?

ดูเหมือนจะตอบโต้ได้ง่ายชอบtext-decoration: underlineมากกว่าfont-styleหรืออะไรบางอย่างที่เกี่ยวข้องกับแบบอักษร

ไม่มีใครรู้ว่าทำไม / อย่างไร W3C จึงเกิดขึ้นกับชื่อ CSS มากมายเช่นนี้?

css

— เฟร็ดวิลสัน
แหล่งที่มา

1

ฉันเริ่มต้นคำนำหน้าเพื่อแนะนำคุณสมบัติ "ฟอนต์สี" บางทีคุณบางคนอาจต้องการที่จะลงนาม change.org/p/…

— tsuma534

คุณสามารถทำได้ภายในแท็ก <font> เช่น <font color = "red"> Hello World! <font>

— airider74

@ airider74 คุณอยู่ปีไหน องค์ประกอบ <font> เลิกใช้มาหลายปีแล้ว

— kojow7

ใช่มันมี ... แต่ก็ยังใช้งานได้

— airider74

111

ฉันคิดว่าเหตุผลหนึ่งอาจเป็นเพราะสีถูกนำไปใช้กับสิ่งอื่นที่ไม่ใช่แบบอักษร ตัวอย่างเช่น:

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

ให้ทั้งตัวอักษรสีแดงและเส้นขอบสีแดง

หรืออาจเป็นไปได้ว่ามาตรฐาน CSS ของ W3C นั้นย้อนกลับและไร้สาระอย่างสมบูรณ์ตามที่อื่น ๆ

— MisterZimbu
แหล่งที่มา

4

ลองเพิ่มสิ่งต่อไปนี้ลงใน CSS ในหน้านี้: .post-text { color: blue; border: 1px solid red; }คุณจะเห็นว่าสีข้อความเป็นสีน้ำเงินแม้ว่าสีของเส้นขอบจะเป็นสีแดง

— Robusto

จากนั้นตามตัวอักษรสีตัวอักษรจะเร็วกว่าและสีตามที่มันต้องทำงานน้อย

— kta

193

เช่นเดียวกับที่บอสตันคิดแผนบนท้องถนน พวกเขาเดินไปตามเส้นทางวัวแล้วและสร้างบ้านที่ไม่มีถนนและหลังจากนั้นไม่นานก็มีปัญหาในการเปลี่ยนแปลงมากเกินไป

— Robusto
แหล่งที่มา

10

ฉันรู้ว่านี่เป็นโพสต์เก่า แต่เป็น MisterZimbu ที่ระบุไว้ในcolorคุณสมบัติการกำหนดค่าของคุณสมบัติอื่น ๆ ที่เป็นborder-colorและกับ CSS3 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>

ขยายตัวอย่างข้อมูล

— เสมือน
แหล่งที่มา

ฉันคิดว่านี่เป็นเหตุผลที่ทำให้มีทรัพย์สินfont-color/ ห้องtext-colorว่าง ด้วยวิธีนี้คุณสามารถมีองค์ประกอบหลายส่วนด้วยสีเริ่มต้นหนึ่งโดยเฉพาะและข้อความอื่นถ้าคุณต้องการ มิฉะนั้นจะเชื่อมโยงสีเริ่มต้นกับสีข้อความ

— เบ็นเจ

@BenJ การผูกสีเริ่มต้นกับสีหลักน่าจะเป็นความตั้งใจในวันแรก ๆ ของเว็บ วันนี้คุณสามารถใช้ตัวแปร css ( developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables ) และ / หรือใช้ตัวประมวลผลล่วงหน้า css เป็น Sass, Less, Stylus เป็นต้นซึ่งง่ายต่อการทำงานกับตัวแปร

— เสมือน