الفرق بين المراجعتين ل"CSS/font-kerning"
< CSS
اذهب إلى التنقل
اذهب إلى البحث
ط (استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}') |
|||
| (مراجعة متوسطة واحدة بواسطة نفس المستخدم غير معروضة) | |||
| سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE:الخاصية <code>font-kerning</code>}}</noinclude> | <noinclude>{{DISPLAYTITLE:الخاصية <code>font-kerning</code>}}</noinclude> | ||
| − | الخاصية <code>font-kerning</code> في CSS تتحكم باستخدام معلومات تآلف الأحرف (kerning information) المُخزّنة في الخط المستخدم | + | الخاصية <code>font-kerning</code> في CSS تتحكم باستخدام معلومات تآلف الأحرف (kerning information) المُخزّنة في الخط المستخدم. |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| + | == بطاقة الخاصية == | ||
{| class="wikitable" style="width: 100%;" | {| class="wikitable" style="width: 100%;" | ||
|- | |- | ||
| سطر 31: | سطر 20: | ||
|كما حُدِّدَت. | |كما حُدِّدَت. | ||
|} | |} | ||
| + | |||
| + | <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 (خطوط حرة مفتوحة المصدر). | ||
== أمثلة == | == أمثلة == | ||
| سطر 71: | سطر 74: | ||
تقبل الخاصية <code>font-kerning</code> إحدى الكلمات المحجوزة التالية. | تقبل الخاصية <code>font-kerning</code> إحدى الكلمات المحجوزة التالية. | ||
| − | === | + | === <code>auto</code> === |
سيُحدِّد المتصفح إذا كان يجب استخدام ميزة تآلف الأحرف أم لا، فعلى سبيل المثال، بعض المتصفحات ستُعطِّل ميزة تآلف الأحرف على الخطوط الصغيرة، لأن تطبيقها قد يؤدي إلى تصعيب قراءة النص. | سيُحدِّد المتصفح إذا كان يجب استخدام ميزة تآلف الأحرف أم لا، فعلى سبيل المثال، بعض المتصفحات ستُعطِّل ميزة تآلف الأحرف على الخطوط الصغيرة، لأن تطبيقها قد يؤدي إلى تصعيب قراءة النص. | ||
| − | === | + | === <code>normal</code> === |
يجب تطبيق معلومات تآلف الأحرف المُخزَّنة في الخط المستخدم. | يجب تطبيق معلومات تآلف الأحرف المُخزَّنة في الخط المستخدم. | ||
| − | === | + | === <code>none</code> === |
يجب تعطيل معلومات تآلف الأحرف المُخزَّنة في الخط المستخدم. | يجب تعطيل معلومات تآلف الأحرف المُخزَّنة في الخط المستخدم. | ||
| سطر 85: | سطر 88: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| + | == انظر أيضًا == | ||
| + | * صفحة الخاصية <code>[[CSS/font|font]]</code> التي تؤدي إلى ضبط قيم الخاصيات الفرعية <code>[[CSS/font-style|font-style]]</code> و <code>[[CSS/font-weight|font-weight]]</code> و <code>[[CSS/font-size|font-size]]</code> و <code>[[CSS/line-height|line-height]]</code>. | ||
| + | * صفحة الخاصية <code>[[CSS/color|color]]</code> التي تضبط القيمة اللونية للعناصر. | ||
| + | |||
== مصادر ومواصفات == | == مصادر ومواصفات == | ||
* مواصفة [https://drafts.csswg.org/css-fonts-3/#propdef-font-kerning CSS Fonts Module Level 3]. | * مواصفة [https://drafts.csswg.org/css-fonts-3/#propdef-font-kerning CSS Fonts Module Level 3]. | ||
المراجعة الحالية بتاريخ 07:01، 26 يوليو 2018
الخاصية font-kerning في CSS تتحكم باستخدام معلومات تآلف الأحرف (kerning information) المُخزّنة في الخط المستخدم.
بطاقة الخاصية
| القيمة الابتدائية | auto
|
|---|---|
| تُطبَّق على | جميع العناصر. |
| قابلة للوراثة | نعم |
| قابلة للتحريك | لا |
| القيمة المحسوبة | كما حُدِّدَت. |
/* كلمات محجوزة */
font-kerning: auto;
font-kerning: normal;
font-kerning: none;
/* القيم العامة */
font-kerning: inherit;
font-kerning: initial;
font-kerning: unset;
تآلف الأحرف يُعرِّف كيف يجب أن تكون الأحرف متباعدةً عن بعضها، ففي الخطوط التي تدعم ميزة تآلف الأحرف، ستؤدي هذه الميزة إلى تحسين اختيار المسافة التي تفصل بين الأحرف لجعلها أسهل قراءةً. لاحظ تأثير تآلف الأحرف في الصورة الآتية، إذ إنَّ الأمثلة على الجانب الأيسر من الصورة لا تستعمل ميزة التآلف، بينما تستعملها الأمثلة الموجودة على الجانب الأيمن من الصورة:
لاحظ أنَّ هنالك بعض الخطوط العربية التي تدعم ميزة التآلف مثل Adobe Arabic (التجاري) أو مجموعة خطوط XB (خطوط حرة مفتوحة المصدر).
أمثلة
مقارنة بين فقرتين تتضمنان أحرفًا لاتينيةً، واحدة قد فعلّنا عليها ميزة تآلف الأحرف، وأخرى كانت هذه الميزة فيها معطلةً:
<div id="kern">AV T. ij</div>
<div id="nokern">AV T. ij</div>
شيفرة CSS:
div {
font-size: 2em;
font-family: serif;
}
#nokern {
font-kerning: none;
}
#kern {
font-kerning: normal;
}
دعم المتصفحات
| الميزة | Chrome | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| الدعم الأساسي | 32 | 34 | 10 | ؟ | 7 |
البنية العامة
تقبل الخاصية font-kerning إحدى الكلمات المحجوزة التالية.
auto
سيُحدِّد المتصفح إذا كان يجب استخدام ميزة تآلف الأحرف أم لا، فعلى سبيل المثال، بعض المتصفحات ستُعطِّل ميزة تآلف الأحرف على الخطوط الصغيرة، لأن تطبيقها قد يؤدي إلى تصعيب قراءة النص.
normal
يجب تطبيق معلومات تآلف الأحرف المُخزَّنة في الخط المستخدم.
none
يجب تعطيل معلومات تآلف الأحرف المُخزَّنة في الخط المستخدم.
البنية الرسمية
font-kerning: auto | normal | none;
انظر أيضًا
- صفحة الخاصية
fontالتي تؤدي إلى ضبط قيم الخاصيات الفرعيةfont-styleوfont-weightوfont-sizeوline-height. - صفحة الخاصية
colorالتي تضبط القيمة اللونية للعناصر.
مصادر ومواصفات
- مواصفة CSS Fonts Module Level 3.