عرض مصدر CSS/font-kerning

<noinclude>{{DISPLAYTITLE:الخاصية <code>font-kerning</code>}}</noinclude>
الخاصية <code>font-kerning</code> في CSS تتحكم باستخدام معلومات تآلف الأحرف (kerning information) المُخزّنة في الخط المستخدم.<syntaxhighlight lang="css">
/* كلمات محجوزة */
font-kerning: auto;
font-kerning: normal;
font-kerning: none;

/* القيم العامة */
font-kerning: inherit;
font-kerning: initial;
font-kerning: unset;
</syntaxhighlight>تآلف الأحرف يُعرِّف كيف يجب أن تكون الأحرف متباعدةً عن بعضها، ففي الخطوط التي تدعم ميزة تآلف الأحرف، ستؤدي هذه الميزة إلى تحسين اختيار المسافة التي تفصل بين الأحرف لجعلها أسهل قراءةً. لاحظ تأثير تآلف الأحرف في الصورة الآتية، إذ إنَّ الأمثلة على الجانب الأيسر من الصورة لا تستعمل ميزة التآلف، بينما تستعملها الأمثلة الموجودة على الجانب الأيمن من الصورة:
[[ملف:Font-kerning.png|بديل=صورة توضِّح أثر تآلف الأحرف.|بدون|تصغير|صورة توضِّح أثر تآلف الأحرف.]]
لاحظ أنَّ هنالك بعض الخطوط العربية التي تدعم ميزة التآلف مثل Adobe Arabic (التجاري) أو مجموعة خطوط XB (خطوط حرة مفتوحة المصدر).

{| class="wikitable" style="width: 100%;"
|-
! scope="row" style="width: 20%;" |[[CSS/initial value|القيمة الابتدائية]]
|<code>auto</code>
|-
! scope="row" |تُطبَّق على
|جميع العناصر.
|-
! scope="row" |قابلة للوراثة
|نعم
|-
!قابلة للتحريك
|لا
|-
! scope="row" |القيمة المحسوبة
|كما حُدِّدَت.
|}

== أمثلة ==
مقارنة بين فقرتين تتضمنان أحرفًا لاتينيةً، واحدة قد فعلّنا عليها ميزة تآلف الأحرف، وأخرى كانت هذه الميزة فيها معطلةً:<syntaxhighlight lang="html">
<div id="kern">AV T. ij</div>
<div id="nokern">AV T. ij</div>
</syntaxhighlight>شيفرة CSS:<syntaxhighlight lang="css">
div {
  font-size: 2em;
  font-family: serif;
}

#nokern {
  font-kerning: none;
}

#kern {
  font-kerning: normal;
}
</syntaxhighlight>

== دعم المتصفحات ==
{| class="wikitable"
!الميزة
!|Chrome
!Firefox
!Internet Explorer
!Opera
!Safari
|-
! الدعم الأساسي
|32
|34
|10
|؟
|7
|}

== البنية العامة ==
تقبل الخاصية <code>font-kerning</code> إحدى الكلمات المحجوزة التالية.

=== القيمة <code>auto</code> ===
سيُحدِّد المتصفح إذا كان يجب استخدام ميزة تآلف الأحرف أم لا، فعلى سبيل المثال، بعض المتصفحات ستُعطِّل ميزة تآلف الأحرف على الخطوط الصغيرة، لأن تطبيقها قد يؤدي إلى تصعيب قراءة النص.

=== القيمة <code>normal</code> ===
يجب تطبيق معلومات تآلف الأحرف المُخزَّنة في الخط المستخدم.

=== القيمة <code>none</code> ===
يجب تعطيل معلومات تآلف الأحرف المُخزَّنة في الخط المستخدم.

=== البنية الرسمية ===
<syntaxhighlight lang="css">
font-kerning: auto | normal | none;

</syntaxhighlight>
== مصادر ومواصفات ==
* مواصفة [https://drafts.csswg.org/css-fonts-3/#propdef-font-kerning CSS Fonts Module Level 3]. 
[[تصنيف:CSS|{{SUBPAGENAME}}]]
[[تصنيف:CSS Property|{{SUBPAGENAME}}]]
[[تصنيف:CSS Font|{{SUBPAGENAME}}]]