ما وظيفة خاصية text-fill-color في CSS؟

خاصية text-fill-color ليست قياسية (standard) وانما تابعة للإضافة webkit أي عند استعمال الخاصية تكتب بالشكل

-webkit-text-fill-color

بتاريخ 3 دقائق مضت قال مصطفى اوريك:

لاحظت أنه لا يوجد فرق بينها و بين خاصية color

صحيح فعملها مطابق تماما لعمل الخاصية color ولها الأولوية، الصف التالي عندما يطبق على عنصر سيتم تطبيق اللون الأحمر على النص وتجاهل قيمة color

.text {
  color: black;
  -webkit-text-fill-color: red;
}

وسبب وجودها أن الحزمة webkit تحتوي على عدة خصائص متعلقة بتنسيق النص

-webkit-text-stroke-width: 1px; //خاصية عرض خط تحديد النص
-webkit-text-stroke-color: black; // خاصية لون خط تحديد النص

ربما يسعى مطورو webkit لجعلها حزمة متكاملة مستقلة ولو على حساب تكرار خصائص موجودة في CSS

مثلما ذكر المدرب حسن حيدر فإن الخاصية ليست قياسية أو على المسار القياسي الذي تحترمه كامل متصفحات الويب كما أنها تابعة لمجموعة الإضافات ذات السابقة webkit- . 

و يقصد بغير قياسي: أن استخدامها لا يكون في مواقع الإنتاج التي تستهدف كامل المتصفحات و الأجهزة , فالخاصية قد لن تعمل مع كل مستخدم . كما أنه قد يكون هناك أيضا عدم توافق كبير بين عمليات التنفيذ , أو ربما قد يتغير السلوك في المستقبل . 

يمكنك التعرف على قائمة المتصفحات التي تدعم مجموعات الإضافات webkit هنا .

و بشكل عام , تحدد الخاصية -webkit-text-fill-color  لون " تعبئة أحرف النص" . فإذا لم يتم تعيين هذه الخاصية ، يتم استخدام خاصية اللون color لها . أي أن :

• يتم تأويل إستعمال -webkit-text-fill-color على إستعمال الخاصية color إن تم إعطاء لكل منهما قيمة مخالفة للثانية : مثال 1 . 
• الخاصية -webkit-text-fill-color تقبل إستعمال القيمة transparent لها على عكس الخاصية color مما يسمح بتطبيق العديد من الأفكار عليها : مثال 2 . 
• يتم إستعمال الخاصية -webkit-text-fill-color عادة بمحاذاة الخاصيتين -webkit-text-stroke-color و -webkit-text-stroke-width , على عكس الخاصية color التي تستعمل وحدها .
• الخاصية -webkit-text-fill-color هي خاصية ليست قياسية أي أنها ليست مدعومة من قبل كامل المتصفحات على عكس الخاصية color . إليك قائمة المتصفحات الداعمة : 

المصدر : https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-text-fill-color