সিএসএস "রঙ" বনাম "ফন্টের রঙ"

Question

সিএসএস colorপাঠ্যের জন্য কেন সরবরাহ করে তা যে কেউ জানেন , তবে নেই font-colorবা আছে text-color?

মনে হয় খুব পাল্টা স্বজ্ঞাত, এর text-decoration: underlineচেয়ে ভালো লেগেছে font-styleবা হরফ সম্পর্কিত কিছু related

ডাব্লু 3 সি এই জাতীয় সিএসএসের নামের এত বিস্তৃত অ্যারে নিয়ে কেন / কীভাবে জানে?

Comments

"ফন্ট-রঙ" সম্পত্তিটি প্রবর্তন করার জন্য আমি একটি পেরেশন শুরু করেছি। আপনার মধ্যে কেউ কেউ এটিতে স্বাক্ষর করতে চাইবেন। change.org/p/…

— tsuma534

আপনি <font> ট্যাগের মধ্যে এটি করতে পারেন। উদাহরণস্বরূপ <ফন্টের রঙ = "লাল"> হ্যালো ওয়ার্ল্ড! <ফন্ট>

— এয়ারাইডার 74

@ এয়ারাইডার 74 আপনি কোন বছরে বাস করছেন? <ফন্ট> উপাদানটি বহু বছর ধরে অবহেলা করা হয়েছে।

— kojow7

হ্যাঁ এটিতে রয়েছে ... তবে এটি এখনও কাজ করে

— এয়ার চালক

Answer 1

আমি মনে করব যে এর একটি কারণ হ'ল রঙটি ফন্ট ব্যতীত অন্য জিনিসগুলিতে প্রয়োগ করা হয়। উদাহরণ স্বরূপ:

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

একটি লাল ফন্টের রঙ এবং একটি লাল সীমানা উভয়ই দেয়।

বিকল্পভাবে, এটি কেবলমাত্র হতে পারে যে ডাব্লু 3 সি এর সিএসএস মানগুলি পুরোপুরি পিছনে এবং অন্য কোথাও প্রমাণিত হিসাবে অযৌক্তিক।

Comments

এই পৃষ্ঠায় সিএসএসে নিম্নলিখিতগুলি যুক্ত করার চেষ্টা করুন: .post-text { color: blue; border: 1px solid red; }আপনি দেখতে পাবেন যে সীমান্তের রঙ লাল হলেও আপনি পাঠ্যের রঙটি নীল।

— রোবস্তো

তারপরে সংজ্ঞা অনুসারে, কম কাজ করতে হওয়ায় ফন্টের রঙ দ্রুত হয় রঙ।

— kta

Answer 2

বোস্টন একইভাবে তার রাস্তার পরিকল্পনা নিয়েছিল। তারা ইতিমধ্যে সেখানে গরুর পথ অনুসরণ করেছে এবং এমন বাড়িঘর তৈরি করেছে যেখানে রাস্তাগুলি ছিল না এবং কিছুক্ষণ পরে এটি পরিবর্তন করতে খুব বেশি সমস্যা হয়েছিল।

Answer 3

আমি জানি এটি একটি পুরানো পোস্ট তবে মিস্টারজিম্বু যেমন বলেছিলেন, colorসম্পত্তিটি অন্য বৈশিষ্ট্যের মান হিসাবে border-colorসিএসএস 3 এর হিসাবে সংজ্ঞা দিচ্ছে 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>

Comments

আমি মনে করি এটি পৃথক font-color/ text-colorসম্পত্তি উপলব্ধ থাকার আরও বেশি কারণ দেয় । এই পদ্ধতিতে আপনার একটি নির্দিষ্ট ডিফল্ট রঙের সাথে উপাদানটির অনেকগুলি অংশ থাকতে পারে এবং আপনি চাইলে অন্যটিতে পাঠ্যও থাকতে পারেন। অন্যথায় এটি ডিফল্ট রঙটিকে পাঠ্যের রঙের সাথে যুক্ত করে।

— বেন জে

@ বেজেজে ডিফল্ট রঙটিকে মূল রঙের সাথে বাঁধাই করা সম্ভবত ওয়েবের প্রাথমিক দিনগুলিতে উদ্দেশ্য ছিল। আজ আপনি সিএসএস ভেরিয়েবল ( ডেভেলপার.মোজিলা.আর.ইন.ইউএস / ডকস / ওয়েবে / সিএসএস / ইউসিং_সিএসএস_ভেরিয়েবলস) ব্যবহার করতে পারেন এবং / অথবা স্যাস, কম, স্টাইলাস ইত্যাদি হিসাবে একটি সিএসএস প্রিপ্রসেসর ব্যবহার করতে পারেন যেখানে ভেরিয়েবলগুলির সাথে কাজ করা সহজ।

— আধা