Adakah yang tahu mengapa CSS menyediakan color
teks, tetapi tidak memiliki font-color
atau text-color
?
Tampaknya sangat kontra-intuitif, semacam text-decoration: underline
suka daripada font-style
atau sesuatu yang terkait dengan font.
Apakah ada yang tahu mengapa / bagaimana W3C muncul dengan beragam nama CSS seperti ini?
Jawaban:
Saya akan berpikir bahwa salah satu alasannya mungkin karena warna diterapkan pada hal-hal selain font. Sebagai contoh:
div { border: 1px solid; color: red; }
Menghasilkan warna font merah dan batas merah.
Atau, bisa jadi standar CSS W3C sepenuhnya mundur dan tidak masuk akal seperti yang dibuktikan di tempat lain.
sumber
.post-text { color: blue; border: 1px solid red; }
Anda akan melihat bahwa warna teks berwarna biru meskipun warna tepi merah.Cara yang sama ketika Boston membuat rencana jalannya. Mereka mengikuti jalur sapi yang sudah ada di sana, dan membangun rumah-rumah yang tidak ada jalannya, dan setelah beberapa saat terlalu merepotkan untuk berubah.
sumber
Saya tahu ini adalah posting lama tetapi seperti yang dinyatakan MisterZimbu,
color
properti mendefinisikan nilai properti lain, sebagaiborder-color
dan, dengan CSS3, daricurrentColor
.currentColor
sangat berguna jika Anda ingin menggunakan warna font untuk elemen lain (sebagai latar belakang atau kotak centang kustom dan radio elemen dalam misalnya).Contoh:
.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>
sumber
font-color
/text-color
properti terpisah tersedia. Dengan begitu Anda dapat memiliki banyak bagian elemen dengan satu warna default tertentu, dan teks di bagian lain jika Anda mau. Jika tidak, itu mengikat warna default ke warna teks.